Color Converter

How to use Color Converter

Type a color in any format and all others update automatically.

Supported formats

• HEX — CSS hexadecimal code, e.g. #1976d2
• RGB — red, green and blue from 0 to 255
• HSL — hue (0-360°), saturation and lightness (0-100%)
• HSV — hue, saturation and value (read only)
• CMYK — cyan, magenta, yellow and black for print (read only)

Visual picker

Click the color circle in the preview to open the browser's native color picker and choose any color visually.

Saved colors

Click Save color to save the current color to your personal palette. You have 10 slots — empty ones are shown with diagonal stripes. When the limit is reached a warning appears; remove a color by hovering over it and clicking the ✕ in the corner. Your saved colors persist between sessions.

Click Copy on any format to copy the value to your clipboard, ready to paste into your CSS or design tool.