Color Converter
Enter a color in any format — HEX, RGB, HSL, or HSB — and see all equivalents update instantly. Use the color picker for visual selection or click "Random" to explore. CMYK is shown for reference. Everything runs in your browser.
Advertisement
Frequently Asked Questions
What is the difference between RGB and HSL?
RGB (Red, Green, Blue) describes a color by how much of each primary light channel to mix — 0–255 per channel. HSL (Hue, Saturation, Lightness) describes a color perceptually: hue is the color angle on a wheel (0–360°), saturation is vividness (0–100%), and lightness is how light or dark it is (0–100%). HSL is often easier for humans to reason about when tweaking a color.
What is the difference between HSL and HSB?
Both use hue and saturation, but differ in the third channel. HSL uses Lightness: 0% is black, 100% is white, and 50% is the fully saturated color. HSB (also called HSV) uses Brightness: 0% is black and 100% is the fully saturated color at maximum brightness. A bright, vivid red is hsl(0, 100%, 50%) and, in HSB notation, 0°, 100%, 100%.
What is CMYK and why can't I edit it directly?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in color printing. It is shown here for reference when you need to give print values to a designer or printer. Direct editing is not supported because CMYK has a smaller gamut than RGB — many CMYK values map to the same screen color, making round-trip editing ambiguous.
What is the HEX shorthand format?
A 3-character HEX like #F80 is shorthand for #FF8800 — each digit is doubled. This only works when both digits of each channel are identical. The converter accepts shorthand input and always outputs the full 6-digit form.
Are the colors accurate across formats?
Conversions are mathematically correct for the sRGB color space. Minor rounding differences (±1 unit) may appear in HSL and HSB due to integer rounding, but these are imperceptible on screen.