Passer au contenu principal

Convertisseur HEX / RGB / HSL / HSB / CMJN — Tous les formats de couleur

Utilisez Convertisseur HEX / RGB / HSL gratuitement en ligne pour vos besoins

Convertissez instantanément vos couleurs entre HEX, RGB, HSL, HSB (Photoshop), CMJN et RGBA. Vérification du contraste WCAG, nuances et teintes automatiques, historique des couleurs consultées.

#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é