Color Converter

☀️
🌙
Convert between RGB, HEX, HSL, HWB, CMYK, and NCol
Enter a color or pick visually; results update instantly.

HEX, RGB, HSL, or CSS keyword

HEX only (no alpha)

Enter or pick a valid color to see conversions.
How to use — Color Converter

Quick Start

  1. Enter a color value in the Color Input field (HEX, RGB, HSL, HWB, CMYK, or CSS keyword like dodgerblue).
  2. Or choose visually using the Color Picker.
  3. The preview box updates instantly.
  4. All other color formats (RGB, HEX, HSL, HWB, CMYK, NCol) are auto-converted.
  5. Use the Copy button to copy a format into your clipboard.

Accepted Input Formats

  • HEX: #3498db, #fff
  • RGB: rgb(52, 152, 219)
  • HSL: hsl(204, 70%, 53%)
  • HWB: hwb(204, 20%, 14%)
  • CMYK: cmyk(76%, 31%, 0%, 14%)
  • Named Color (CSS): dodgerblue

You can paste any format, and the tool will convert to all other formats instantly.

Color Model Basics

HEX

Hexadecimal representation of RGB. Most common for CSS.

RGB

Uses red, green, blue channel values (0–255). Good for screens.

HSL

Hue (0–360°), Saturation (%), Lightness (%). Useful for UI theming.

HWB

Variation of HSL — Hue + Whiteness + Blackness.

CMYK

Cyan, Magenta, Yellow, Black. Used for printing.

NCol (Named Color)

Closest CSS named color (if one exists).

Troubleshooting

  • Invalid color: Check missing # or wrong syntax.
  • HEX without alpha only: Tool only accepts standard HEX (no RGBA hex like #3498dbff).
  • Weird CMYK values: This is expected since CMYK conversions are approximate.
  • Named color empty: Not all colors have a CSS name; output remains blank when no match exists.
Tip
Use HSL mode when designing UI themes — it's easier to adjust brightness and saturation.