Convert colors between HEX, RGB, HSL, HSV, and CMYK instantly. Use the picker, type any format, or drag the sliders. Click any format value to copy it.
HEX is the most common format for web development — a 6-digit base-16 representation of RGB values. RGB specifies red, green, and blue channels from 0–255. HSL (Hue, Saturation, Lightness) is more intuitive for creating color palettes. HSV is similar but uses Value instead of Lightness. CMYK is used in print design.
HEX and RGB are most widely supported. HSL is great when you want to programmatically adjust colors (e.g., darken by reducing lightness). All modern browsers support all four formats natively.
In HSL, a lightness of 100% is always white and 0% is always black regardless of saturation. In HSV, a value of 100% with full saturation gives a pure hue, while 0% is always black. HSL is generally more intuitive for web design.
A tint is a color mixed with white (increasing lightness in HSL), while a shade is a color mixed with black (decreasing lightness). The swatches below are generated by stepping the HSL lightness value up or down from your chosen color.