RGB Color Codes
Pick a color and get RGB, HEX & HSL instantly
Palette builder
Collect your favourite colors, name the palette, and download it as an image with the hex codes included.
No colors yet. Pick a color above and press “+ Add to palette”. Up to 8 colors.
Common color codes: tap any color to load it
Frequently Asked Questions
What is an RGB color code?
It is a colour written as three numbers from 0 to 255 for red, green and blue, so rgb(255, 0, 0) is pure red. Screens build every colour by mixing those three channels of light, so 0 means the channel is off and 255 means it is at full strength.
How do I convert RGB to HEX?
Each channel is written as two hexadecimal digits, so 255 becomes FF and 0 becomes 00, making rgb(255, 0, 0) into #FF0000. Pick any colour here and the RGB, HEX and HSL values are all shown at once, so no manual conversion is needed.
What is the difference between RGB and HSL?
RGB describes how much of each light channel to mix; HSL describes the colour the way people think about it, with hue as a position on the colour wheel, saturation as how vivid it is, and lightness as how bright. HSL is far easier when you want a slightly lighter or duller version of the same colour.
What does the alpha value in rgba() do?
Alpha sets opacity from 0 to 1, so rgba(255, 0, 0, 0.5) is red at 50% transparency. Modern CSS also accepts an eight-digit hex such as #FF000080 for the same effect.
How many named colors does CSS have?
CSS defines 148 named colours, from common ones such as red and blue to oddities such as rebeccapurple and papayawhip. The chart on this page lists them all with their RGB and HEX equivalents so you can copy whichever form your stylesheet uses.
Is this color picker free to use?
Yes. Completely free with no sign-up. Everything runs inside your browser, so no colour you pick or palette you build is ever sent to a server.