What is a HEX color code?

A HEX color code is a 6-digit hexadecimal value (e.g. #FF5733) representing red, green, and blue channels. Each pair of digits represents one channel from 00 (none) to FF (full intensity).

What is the difference between RGB and HSL?

RGB defines colors by red, green, and blue channel intensities. HSL defines colors by hue (the color wheel angle), saturation (intensity), and lightness. HSL is often more intuitive for designers adjusting brightness or saturation.

How do I convert HEX to RGB?

Split the HEX value into three pairs and convert each from hexadecimal to decimal. For example, #FF5733 → R=255, G=87, B=51. This tool does the conversion automatically.

What is CMYK and when is it used?

CMYK (Cyan, Magenta, Yellow, Key/Black) is a color model used in color printing. Unlike RGB which is additive (for screens), CMYK is subtractive (for physical ink mixing).

What is WCAG color contrast?

WCAG (Web Content Accessibility Guidelines) defines contrast ratio requirements for accessible text. AA requires 4.5:1 for normal text; AAA requires 7:1.

Free Color Code Converter Online

Convert any color between HEX, RGB, HSL, HSV, and CMYK with live sliders and a native picker. Generate ready-to-paste CSS, find the nearest named color, and check WCAG contrast.

HEX Color picker

Nearest named color

—

RGB

HSL

HSV

CMYK

CSS Snippets

Contrast Checker

Background color

Sample text

Frequently Asked Questions

What is a HEX color code?: A HEX color code is a 6-digit hexadecimal value (e.g. #FF5733) representing red, green, and blue channels. Each pair of digits represents one channel from 00 (none) to FF (full intensity).
What is the difference between RGB and HSL?: RGB defines colors by red, green, and blue channel intensities. HSL defines colors by hue (the color wheel angle), saturation (intensity), and lightness. HSL is often more intuitive for designers adjusting brightness or saturation.
How do I convert HEX to RGB?: Split the HEX value into three pairs and convert each from hexadecimal to decimal. For example, #FF5733 → R=255, G=87, B=51. This tool does the conversion automatically.
What is CMYK and when is it used?: CMYK (Cyan, Magenta, Yellow, Key/Black) is a color model used in color printing. Unlike RGB which is additive (for screens), CMYK is subtractive (for physical ink mixing).
What is WCAG color contrast?: WCAG (Web Content Accessibility Guidelines) defines contrast ratio requirements for accessible text. AA requires 4.5:1 for normal text; AAA requires 7:1.