Design / Color

Color Converter.

Type or pick a color and read it back in every notation at once — HEX, RGB, HSL, and HSV. Useful when a design tool gives you one format and your CSS, canvas, or palette code wants another. Everything runs in your browser.

RGB
HSL
HSV

What the models mean.

RGB describes a color by how much red, green, and blue light to mix — it's how screens actually work, but it's hard to reason about ("make this a bit lighter" isn't one number). HEX is the same RGB values written as two hex digits each (#F4A940), the web's compact shorthand.

HSL (hue, saturation, lightness) and HSV/HSB (hue, saturation, value/brightness) re-describe the same color in terms humans tune intuitively: spin the hue around a 360° wheel, then adjust how vivid and how light it is. HSL's lightness is symmetric (50% is the pure hue); HSV's value tops out at the pure hue, which is why color pickers often use HSV.

All four describe the same sRGB color — converting between them is lossless except for rounding to whole numbers for display.

Ready