Color Format Converter

Paste a colour in any format — HEX, RGB, HSL, HSV, or CMYK — and instantly get all other representations. Auto-detects the input format. Export results as CSS variables.

Try:

About the Color Format Converter

Paste a colour value in any supported format and this tool instantly converts it to all other formats. Useful when switching between design tools, CSS, and print workflows that each use different colour models.

Supported formats

HEX — #3B82F6 or #38f (3-digit shorthand)
RGB — rgb(59, 130, 246) or rgba(59, 130, 246, 1)
HSL — hsl(217, 91%, 60%) — CSS-native, great for theming
HSV — hsv(217, 76%, 96%) — used in Figma, Photoshop colour pickers
CMYK — cmyk(76%, 47%, 0%, 4%) — the print colour model

CSS variables output

The CSS variables panel outputs ready-to-paste custom properties including individual H, S, L channels — useful for building dynamic themes where you need to manipulate individual components of a colour.