Color Converter

Convert colors between HEX, RGB, HSL, HSV, CMYK. Generate palettes, check contrast, and create color harmonies.

Color Input

HEX

Color Formats

HEX#3B82F6

RGBrgb(59, 130, 246)

RGBArgba(59, 130, 246, 1)

HSLhsl(217, 91%, 60%)

HSVhsv(217, 76%, 96%)

CMYKcmyk(76%, 47%, 0%, 4%)

Color Palette

Contrast Checker

Background

Foreground

Sample Text

The quick brown fox jumps over the lazy dog

3.68:1

AA Large

AA Normal: Fail

AAA Normal: Fail

AA Large: Pass

AAA Large: Fail

Color Harmonies

#3B82F6

#F6AF3C

Quick Colors

CSS Export

/* Primary Color */
--color-primary: #3B82F6;
--color-primary-rgb: 59, 130, 246;
--color-primary-hsl: 217, 91%, 60%;

/* Palette */
--color-100: #E7F0FE;
--color-200: #BBD4FC;
--color-300: #8FB8FA;
--color-400: #639CF8;
--color-500: #3780F6;
--color-600: #0B64F4;
--color-700: #0952C8;
--color-800: #07409C;
--color-900: #052E70;
--color-1000: #031C44;