What is an RGB color?

Screens make every color by mixing red, green, and blue light. An RGB color gives the strength of each of these three channels as a number from 0 (off) to 255 (full), so rgb(255, 0, 0) is pure red, rgb(0, 0, 0) is black, and rgb(255, 255, 255) is white. The same color can be written as a hex code such as #ff0000, where each pair of hex digits is one channel.

Tool description

This tool lets you edit a color one channel at a time. Pick or paste a starting color, then move the red, green, and blue sliders or type exact values, and see the result change as you go. The edited color is shown in the notations that CSS, design tools, game engines, and shader code use, each ready to copy.

Features

  • Edit the red, green, and blue channels with sliders or exact numbers from 0 to 255
  • Pick a color, or paste one in HEX, RGB, HSL, or another format to start from
  • Get the color as HEX, rgb(), rgb() percentages, normalized 0–1 values, a decimal integer, and a hex integer
  • Runs in your browser

How it works

Each channel is a whole number from 0 to 255. Values outside that range are clamped, and decimals are rounded. Normalized values divide each channel by 255, and the integer forms pack the channels into one 24-bit number as 0xRRGGBB.

Tips

  • Use the normalized 0–1 values for GLSL, HLSL, Unity, and other APIs that take colors as floats.
  • The decimal integer is the form used by Discord embeds and some spreadsheets and databases.