Color Format Converter & StudioDeveloper

Convert HEX, RGB, HSL, CMYK, HSV, and OKLCH with WCAG accessibility audits and harmonic palettes.

Local-first

Presets:

Interactive Color Palette

HEX Color Code

Editable Formats

HEX

RGB

HSL

Advanced & Print Formats

CMYK (Print)

cmyk(84%, 58%, 0%, 8%)

HSV / HSB

hsv(221, 84%, 92%)

OKLCH (CSS Color 4)

oklch(0.55 0.215 262.9)

CSS Variable

--color-primary: #2563EB;

WCAG 2.1 Accessibility Contrast

Web Standards

White on Background

5.17:1

AA NormalAAA Normal

Black on Background

4.06:1

AA NormalAAA Normal

Color Harmonies (Click to Apply)

Complementary (+180°)

Analogous (±30°)

Triadic (120° / 240°)

Lightness Scale (10% — 90%)

Accepts:

HEX (#RRGGBB)RGB (r, g, b)HSL (h, s, l)

Outputs:

HEXRGBHSL values

Live bidirectional color space conversion

How this tool works

What it accepts, how to use it, and where your input is processed.

Show Guide

Consistency in design systems requires accurate color definitions across all platforms. Our Professional Color Converter ensures your brand colors look identical whether they're defined in CSS (HEX/RGB) or design tools (HSL).

Format Standards:

HEX: The standard 6-digit hexadecimal code used in HTML/CSS.
RGB: Defines colors by the intensity of Red, Green, and Blue light (0-255).
HSL: Hue, Saturation, and Lightness. Often considered more intuitive for designers when creating color scales.

Need an extra feature or found an edge case?Send Feedback