Passer au contenu principal

HEX / RGB / HSL / HSB / CMYK Converter — All Color Formats

Instantly convert colors between HEX, RGB, HSL, HSB (Photoshop), CMYK and RGBA. WCAG contrast check, automatic shades and tints, history of consulted colors.

#3B82F6
#
← version courte ← avec alpha
R
G
B
rgb( )
H °
S %
L %
hsl( )
H °
S %
B %
hsb( )
C %
M %
J %
N %
cmyk( )
rgba( )
hsla( )
Informations détaillées
Nuances & teintes
Contraste WCAG
Couleurs CSS nommées proches
Historique

HEX, RGB, HSL Converter: Complete Guide

Colors in computing are expressed in various color spaces. Our conversion tool allows you to instantly switch between HEX, RGB, HSL, HSB, CMYK, and RGBA, streamlining design and web development workflows.

Color Formats Explained

#HEX — Hexadecimal notation

The web standard. Uses base 16 to represent R, G, B. #FF0000 is pure red. Can be shortened (e.g., #F60).

rgb() — Red Green Blue

Additive model: each channel ranges from 0 to 255. Essential for modern CSS, with transparency support via rgba().

hsl() — Hue Saturation Lightness

Most intuitive for humans: controls color wheel, intensity, and lightness. Perfect for creating harmonious color palettes.

cmyk() — Cyan Magenta Yellow Key (Black)

Subtractive model used in professional printing. Represents the mixing of physical inks.

💡 SEO & Accessibility Tip: Use relative luminance to check text contrast against WCAG standards. Better accessibility correlates with improved SEO through better user experience (UX).

Frequently asked questions

To convert a color from HEX to RGB, simply enter your hexadecimal code into our converter. The tool automatically breaks down the hex character pairs to obtain ... To convert a color from HEX to RGB, simply enter your hexadecimal code into our converter. The tool automatically breaks down the hex character pairs to obtain the numerical Red (R), Green (G), and Blue (B) values ranging from 0 to 255.

The HSL format (Hue, Saturation, Lightness) is much more intuitive for humans than RGB. It allows for easy manipulation of a color's lightness or saturation wit... The HSL format (Hue, Saturation, Lightness) is much more intuitive for humans than RGB. It allows for easy manipulation of a color's lightness or saturation without changing its base hue, which is perfect for creating consistent color palettes in CSS.

RGB (Red, Green, Blue) is an additive model used for screens and the web. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used for printing. CMYK... RGB (Red, Green, Blue) is an additive model used for screens and the web. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used for printing. CMYK is essential to ensure that printed colors match what you see on your screen.

Our tool calculates the relative luminance of your colors. By comparing this value between text and background, you can check if your design meets WCAG contrast... Our tool calculates the relative luminance of your colors. By comparing this value between text and background, you can check if your design meets WCAG contrast ratios, ensuring optimal readability for all users.

Tools in the same category

CSS Gradient Generator URL Encoder / Decoder CSS / JS / HTML Minifier Favicon Generator Binary/Decimal/Hexadecimal Converter HTML Viewer JSON Formatter Online Base64 Encoder Decoder

Popular tools

Materials Calculator Roof Slope Calculator Construction Schedule Generator Renovation Cost Calculator Employee Cost Calculator