Color Converter — Hex, RGB & HSL
Convert color codes between Hex, RGB, and HSL with an inline color preview. Useful for web design, CSS, brand assets, and accessibility-contrast checks.
3-digit (#FFF) or 6-digit (#FFFFFF) hex codes.
Related calculators
Frequently asked questions
What is a hex color code?
Hex color codes represent colors as 3 pairs of hexadecimal digits — one each for red, green, and blue. Each pair ranges 00 to FF (0 to 255 in decimal). #FFFFFF is pure white (max red + max green + max blue), #000000 is black (no light), #FF0000 is pure red. Short-form hex (#FFF) is shorthand: each digit is doubled. Used universally in CSS, design tools, and print spec sheets.
RGB vs CMYK — what's the difference?
RGB is additive (used for screens) — combining all three at full intensity makes white. CMYK is subtractive (used for printing) — combining cyan, magenta, yellow inks absorbs more light, with K (black) added for depth and to save ink. A color that looks vivid on screen often prints duller because CMYK can't reproduce all RGB colors. Always design with the destination medium's gamut in mind; convert and proof before final delivery.
How do I pick an accessible color combination?
WCAG 2.1 requires a 4.5:1 contrast ratio between text and background for normal text, 3:1 for large text (18pt+ or 14pt bold). Check pairs with WebAIM's contrast checker. Avoid relying on color alone to convey meaning — about 8% of men and 0.5% of women have some form of color vision deficiency. Pair color with icons, labels, or patterns to remain accessible.