RGB Color Picker
Pick a color and copy its RGB code, plus HEX, RGB, HSL and more.
How to use the RGB color picker
- Move the red, green and blue sliders, or paste an rgb() value or HEX code to start from.
- Watch the swatch update as each channel climbs from 0 toward 255.
- Copy the RGB line at the top of the readout for your stylesheet or code.
- Want it as HEX or HSL instead? Use the RGB to HEX converter or RGB to HSL converter.
What is an RGB color?
RGB is the model your screen runs on. It blends three lights, red, green and blue, and writes a color as three numbers from 0 to 255, like rgb(30, 144, 255). The picker above starts black and gets brighter as you raise each channel, showing the matching HEX code as you go.
What does RGB mean in an RGB color?
How are RGB colors mixed?
- Red plus green, no blue, makes yellow.
- Red plus blue, no green, makes magenta.
- Green plus blue, no red, makes cyan.
- All three at 255 stack up to white; all at 0 stay black.
Where RGB fits
RGB is the native language of anything that emits light: screens, apps, games and LED panels. It is also the easiest model for code that adjusts one channel at a time. For the web you will usually convert onward with the RGB to HEX converter, or the RGB to HSL converter when you want to tweak by hue and lightness.
Why developers reach for RGB
RGB wins the moment code gets involved. When you are animating a channel, mixing colors in JavaScript or talking to an API, three plain numbers from 0 to 255 are far easier to work with than a hex string you have to parse first. HSL is better for hand-design, but for programmatic color, RGB is the natural choice.
Each channel maxes at 255, so rgb(255, 255, 255) is white and rgb(0, 0, 0) is black, giving about 16.7 million combinations.
Yes, in different notation. HEX is RGB in base 16, so rgb(30, 144, 255) and #1E90FF are the same blue.
The eye is most sensitive to green, so the same number adds more apparent brightness in the green channel than in red or blue.