Gezidao

Color Converter

Convert colors between HEX, RGB and HSL with a shade palette.

Tints & shades (click to copy)

Report an issue

Advertisement

AHow to use

  1. 01 Pick a color with the swatch, or type HEX, RGB or HSL in any box.
  2. 02 The other notations update automatically.
  3. 03 Click a shade below to copy its HEX value.

QFAQ

When should I use HSL instead of HEX? ＋

HSL is easier to reason about: same hue with different lightness makes consistent hover states and dark-mode variants. HEX and RGB are the same information in different notation.

Does it support 8-digit HEX with alpha? ＋

The converter focuses on opaque colors for CSS workflows; alpha support is planned for a future update.

→Related tools

→ Gradient Generator Design CSS linear gradients visually and copy the code. → Contrast Checker Check text/background color contrast against WCAG AA and AAA. → Age Calculator Calculate an exact age in years, months and days — plus the next birthday. → Base64 Encoder & Decoder Encode or decode Base64 text, with full UTF-8 support.