Color Converter
Convert colors between HEX, RGB, HSL, HSB, and CMYK formats.
Color Harmony
Frequently Asked Questions
What is the difference between HSL and HSB/HSV?
Both use Hue (colour angle) and Saturation. The difference is the third component: HSL uses Lightness, where 50% = pure colour, 0% = black, 100% = white. HSB/HSV uses Brightness/Value, where 100% = pure colour and 0% = black. HSB is standard in Photoshop and most design software; HSL is the CSS standard.
When should I use CMYK vs RGB?
Use RGB for anything displayed on a screen: websites, apps, UI, digital photography. Use CMYK for print design — it represents cyan, magenta, yellow, and key (black) ink percentages. Converting RGB to CMYK can shift colours since CMYK has a smaller colour gamut. Always design in CMYK from the start for print projects.
What is a HEX colour code?
A HEX (hexadecimal) colour code is a 6-digit code representing RGB values in hex format: #RRGGBB. Each pair is 00–FF (0–255 in decimal). #FF0000 = pure red, #00FF00 = pure green, #0000FF = pure blue, #FFFFFF = white, #000000 = black. Shorthand 3-digit codes (#RGB) are also valid where each digit doubles: #F00 = #FF0000.
What is the CSS color for transparent?
In CSS, transparent = rgba(0, 0, 0, 0) — fully transparent black. The alpha channel (A in RGBA/HSLA) goes from 0 (fully transparent) to 1 (fully opaque). rgba(255, 0, 0, 0.5) is a 50% transparent red. Hex codes can include an 8th digit for alpha: #FF000080 is 50% transparent red.