ToolDashy

Color Converter

Edit a color as HEX, RGB or HSL and watch every other format update instantly, with a live swatch preview and approximate CMYK values.

Edit any field — hex, RGB or HSL — and the others update instantly.

HEX

#6366f1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

Also available in CMYK

Approximate print (CMYK) values, calculated from the RGB color above.

c

59%

m

58%

y

0%

k

5%

Everything you enter is processed in your browser and isn't sent to our servers.

How to use color converter

  1. 1Type a HEX code, or adjust the RGB or HSL fields.
  2. 2Every other format updates automatically as you type.
  3. 3Check the live color swatch to confirm it's the shade you want.
  4. 4Copy any format — HEX, RGB or HSL — with one click.

About this tool

HEX, RGB and HSL all describe the same colors, just in different ways: HEX packs red, green and blue into a compact code used everywhere in CSS and design tools; RGB spells those same channels out as three 0–255 numbers; HSL describes a color by hue, saturation and lightness, which is often more intuitive for picking a shade by eye.

This converter keeps one canonical color in memory and recalculates every format from it, so editing any field — including the alpha/opacity slider — immediately updates the others without needing to click a convert button.

Approximate CMYK values are shown for reference since some print workflows ask for cyan/magenta/yellow/black percentages, though CMYK output varies by printer and color profile in ways a purely mathematical RGB-to-CMYK conversion can't fully capture.

Frequently asked questions

Yes, the alpha slider adjusts opacity, and the RGB/HSL copy values automatically switch to rgba()/hsla() format once alpha is below 100%.

Related tools

Hex to RGB Converter

Convert a hex color code to RGB instantly.

RGB to Hex Converter

Convert RGB values to a hex color code instantly.

Image Color Picker

Click any pixel in an image to get its HEX, RGB and HSL color code.

Color Palette Generator

Generate a random color palette, with colors you can lock.

Color Contrast Checker

Check WCAG color contrast ratio for accessible text.