Passer au contenu principal

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

Use HEX / RGB / HSL Converter online for your needs

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

Convertisseur HEX, RGB, HSL : guide complet

Les couleurs en informatique peuvent être exprimées dans plusieurs espaces colorimétriques, chacun adapté à un usage différent. Notre convertisseur permet de passer instantanément d'un format à l'autre : HEX, RGB, HSL, HSB/HSV, CMJN et RGBA.

Les formats de couleur en détail

#HEX — Notation hexadécimale

Format le plus courant sur le web. Chaque paire de chiffres représente R, G, B en base 16. #FF0000 = rouge pur. Peut s'abréger en 3 caractères si chaque paire est doublée : #FF6600#F60.

rgb() — Rouge Vert Bleu

Chaque canal varie de 0 à 255 (256 valeurs). Modèle additif : rouge + vert + bleu = blanc. rgb(255,0,0) = rouge. Avec transparence : rgba(255,0,0,0.5).

hsl() — Teinte Saturation Luminosité

Le plus intuitif : Hue (0-360°) = couleur sur la roue, Saturation (0-100%) = vivacité, Lightness (0-100%) = clair/foncé. Idéal pour créer des variantes d'une couleur.

hsb() — Teinte Saturation Luminance

Utilisé dans Photoshop et Illustrator. Similaire au HSL mais Brightness (0 = noir, 100 = couleur pure). Plus naturel pour choisir une couleur à la main.

cmyk() — Cyan Magenta Jaune Noir

Modèle soustractif utilisé en imprimerie. Les valeurs représentent la quantité d'encre de chaque couleur. Le noir (K) est séparé pour économiser l'encre.

Luminance relative & WCAG

La luminance relative mesure la clarté perçue par l'œil humain. Elle sert au calcul du ratio de contraste WCAG pour vérifier l'accessibilité texte/fond.

Publicité