Color Converter & Picker
Paste any color format — HEX, RGB, HSL, HWB, OKLCH, named colors, or raw values
White text on this color
Black text on this color
WCAG AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.
:root {
--color-primary: #3B82F6;
--color-primary-rgb: 59, 130, 246;
--color-primary-hsl: 217, 91%, 60%;
}Learn More About Color
Design accessible color schemes for all users:
Color Converter: HEX, RGB, HSL, CMYK
Free online color converter. Instantly convert colors between HEX, RGB, HSL, HSV, and CMYK formats. Pick colors, generate palettes, and copy CSS codes easily.
How It Works
Enter a color value in any format (HEX, RGB, HSL, etc.) or use the interactive color picker. Our tool instantly calculates and displays the equivalent values in all other standard color formats, ready to be copied.
Common Use Cases
- Converting a HEX color code from a design mockup into RGB for CSS styling
- Finding the HSL values of a color to easily create lighter or darker shades
- Translating digital RGB colors into CMYK values for print design
- Ensuring consistent color usage across different platforms and software
Frequently Asked Questions
RGB and HEX are just different ways of representing the same color. RGB uses three numbers (0-255) for Red, Green, and Blue. HEX uses a six-digit hexadecimal number to represent those same values. Both are widely used in web design.
HSL stands for Hue, Saturation, and Lightness. It is often preferred by designers because it is more intuitive than RGB. You can easily create a lighter version of a color by simply increasing the Lightness value.
Yes, our tool provides CMYK (Cyan, Magenta, Yellow, Key/Black) values, which are standard for print design. However, keep in mind that screen colors (RGB) may look slightly different when printed (CMYK).
HEX uses 6 hexadecimal digits (#FF5733). RGB specifies red, green, blue values (255, 87, 51). HSL uses hue, saturation, lightness (14°, 100%, 60%). All represent the same colors differently.
Split the 6-digit hex into 3 pairs and convert each to decimal. For example, #FF5733: FF=255, 57=87, 33=51, so RGB(255, 87, 51). Our tool does this instantly.
CMYK (Cyan, Magenta, Yellow, Key/Black) is used for print design. Screens use RGB; printers use CMYK. Convert to CMYK when preparing designs for physical printing.
Yes, the color picker lets you select any color visually using a color wheel or gradient picker, and instantly shows all format conversions.