Color converter

Convert colors between HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK and CSS keywords. Real-time bidirectional conversion with alpha channel support.

Colors

Choose a color, select a preset, and decide whether alpha is included in supported formats.

Current color
#3498DBFF
Include opacity in HEX, RGB, HSL, and HSV output.

Results

Edit any format to update every compatible color representation immediately.

Hexadecimal color notation, most common in web development
Red, green, and blue. An additive color model used for screens.
Hue, saturation, and lightness. Useful for intuitive color adjustments.
Hue, saturation, and value (brightness). Also known as HSB; common in color pickers.
Hue, Whiteness, Blackness - CSS4 color format, no alpha support
CIE LAB - perceptually uniform color space, no alpha support
Lightness, Chroma, Hue - cylindrical LAB, easier hue adjustments, no alpha
Cyan, magenta, yellow, and key (black). Used in printing; no alpha support.
CSS named colors like red, blue, coral - 140+ predefined colors, no alpha

Preview

Review the selected color and its most common web representations.

HEX
#3498DBFF
RGB
rgba(52, 152, 219, 1)
CSS keyword
dodgerblue

What this tool does

Choose a color visually or edit any supported notation. A valid edit becomes the source for every other representation, while alpha is preserved for formats that support it.

Format notes

  • HEX: Hexadecimal color notation, most common in web development
  • RGB: Red, green, and blue. An additive color model used for screens.
  • HSL: Hue, saturation, and lightness. Useful for intuitive color adjustments.
  • HSV: Hue, saturation, and value (brightness). Also known as HSB; common in color pickers.
  • HWB: Hue, Whiteness, Blackness - CSS4 color format, no alpha support
  • LAB: CIE LAB - perceptually uniform color space, no alpha support
  • LCH: Lightness, Chroma, Hue - cylindrical LAB, easier hue adjustments, no alpha
  • CMYK: Cyan, magenta, yellow, and key (black). Used in printing; no alpha support.
  • CSS keyword: CSS named colors like red, blue, coral - 140+ predefined colors, no alpha

How to use

Choose a color with the color picker or presets, then edit any HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK, or CSS keyword field. Valid changes update all formats and the preview automatically; copy a value from its own result control.