logo

Developer

Color Converter

Convert between HEX, RGB, HSL, and CMYK. Use the color picker or paste values in any format. Everything runs locally in your browser.

Color Converter
Client-side onlyFast & private

Input

Output

Preview
Best text color: Black
HEX#ff4d5a
RGBrgb(255, 77, 90)
HSLhsl(356, 100%, 65%)
CMYKcmyk(0%, 70%, 65%, 0%)
Contrast on #fff3.25:1
Contrast on #0006.46:1
Shades & Tints
CSS
:root {
  --brand: #ff4d5a;
}

.button {
  color: #000000;
  background: var(--brand);
}

How to Use

  1. Pick or paste a value in any field (HEX, RGB, HSL, or CMYK). Press Enter or unfocus to apply.
  2. Use Copy buttons to grab the format you need.
  3. Tap a Shade/Tint swatch to set it as the current color.
  4. Check contrast to decide between black or white text on that color.