Davemi Tools

Color Converter

Convert colors between HEX, RGB, HSL, HSV & CMYK. Pick visually or type any value — everything updates live.

#6366f1

Contrast (WCAG)

vs White

vs Black

RGB

HSL

HSV / HSB

CMYK

Color models explained

  • HEX — 6-character hexadecimal code used in CSS/HTML (#RRGGBB).
  • RGB — Red, Green, Blue channels (0-255 each). How screens produce color.
  • HSL — Hue, Saturation, Lightness. Intuitive for designers.
  • HSV/HSB — Hue, Saturation, Value/Brightness. Used in Photoshop's picker.
  • CMYK — Cyan, Magenta, Yellow, Key. Used for print production.

How to use

  1. Pick a color using the visual picker or type a HEX code.
  2. All formats update instantly — RGB, HSL, HSV, CMYK.
  3. Edit any field to convert from that format.
  4. Click Copy next to any format to copy to clipboard.

Frequently Asked Questions

What color formats does this tool support?

HEX (3 and 6 digit), RGB, HSL, HSV (also called HSB), and CMYK. You can also type CSS named colors like 'coral', 'dodgerblue', or 'rebeccapurple' and it will convert them instantly.

How do I use the color picker?

Click the large color swatch or use the native color picker input. As you pick a color, all format fields update in real-time. You can also type directly into any field — HEX, RGB, HSL, etc.

What's the difference between HSL and HSV?

Both use Hue + two components, but they model brightness differently. HSL's Lightness ranges from black (0%) through the pure color (50%) to white (100%). HSV's Value represents maximum brightness at 100% with Saturation controlling how vivid it is. Designers often prefer HSL; some image editors use HSV.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in print. Converting RGB screen colors to CMYK gives you approximate ink values for physical printing. Note: exact CMYK depends on your printer's ICC profile — these values are a standard approximation.

Is my data uploaded anywhere?

No. All color math runs 100% in your browser using JavaScript. Nothing is sent to any server.

What does the contrast ratio mean?

The WCAG contrast ratio measures readability between two colors. 4.5:1 is the minimum for normal text (AA), 7:1 for enhanced (AAA). The tool shows contrast against both white and black backgrounds to help you check accessibility.