COLOR

Color Converter

Convert between HEX, RGB, HSL, and CMYK and build quick palettes.

Color Converter

Convert between HEX, RGB, HSL, and CMYK and build quick palettes.

HEX

Supports 3- or 6-digit HEX values.

RGB

Comma separated 0-255 values or rgb() strings.

HSL

Hue 0-360, saturation/lightness 0-100%.

CMYK

Use percentages for cyan, magenta, yellow, and black.

Color preview

Preview

#3498DB

RGB: 52, 152, 219

Luminance 0.283

Use dark text over light colors and light text over dark colors.

Palette

Five tints and shades generated from the current color.

33%

#19608F

RGB 25, 96, 143

43%

#217DBA

RGB 33, 125, 186

53%

#3398DB

RGB 51, 152, 219

63%

#5FAEE3

RGB 95, 174, 227

73%

#8AC4EA

RGB 138, 196, 234

What

Color Converter definition

A color converter translates values between HEX, RGB, HSL, and other color formats.

Cases

Use Cases

Convert design specs to CSS values

Match colors across tools

Quickly tweak or compare color formats

How To

How to Convert Color Values

A step-by-step guide to converting between HEX/RGB/HSL/CMYK.

Enter a value

Enter a HEX, RGB, HSL, or CMYK value.

Review conversions

Other formats are calculated and displayed automatically.

Copy and use

Copy the format you need for code or design tools.

Knowledge

Understanding Color Theory

What is RGB?

RGB is an additive color model that combines Red, Green, and Blue light to create colors. Each channel ranges from 0 to 255, used in digital displays like monitors, TVs, and smartphones. (0,0,0) is black, (255,255,255) is white.

What is HEX?

HEX is a hexadecimal representation of RGB values, written as #RRGGBB. It's the most common format for specifying colors in web CSS. For example, #FF0000 is red, #00FF00 is green, #0000FF is blue. Shorthand notation (#RGB) is also supported.

What is HSL?

HSL represents colors using Hue, Saturation, and Lightness. Hue is a degree on the color wheel (0-360°), while saturation and lightness are percentages (0-100%). It's intuitive for color adjustments as it mirrors how humans perceive color.

What is CMYK?

CMYK is a subtractive color model using Cyan, Magenta, Yellow, and Key (Black). It's used in printing where inks are layered to produce colors. Unlike screen-based RGB, colors are determined by ink mixing, so conversion to CMYK is essential before printing.

RGB vs CMYK: Key Differences

RGB is additive (light adds up to white) for screens; CMYK is subtractive (inks combine to darken) for print. RGB has a wider gamut, meaning some vivid colors can't be accurately reproduced in CMYK. Always preview color shifts when preparing digital work for print.

Color Contrast and Accessibility

Web accessibility guidelines (WCAG) recommend sufficient contrast between text and background. AA standard requires 4.5:1 for normal text and 3:1 for large text. Use dark text on light backgrounds and light text on dark backgrounds to ensure readability.

FAQ