Aller au contenu
Outil du Jour
Ajoutez en favorisCtrl+D

Convertisseur de couleur (HEX, RGB, HSL, HSV, CMYK)

Collez une couleur dans n'importe quel format ou utilisez le sélecteur pour obtenir toutes les conversions, un aperçu visuel et le ratio de contraste pour l'accessibilité.

Reconnaît HEX, RGB(A), HSL(A), HSV/HSB, CMYK et les noms CSS.

Contraste sur fond clair: 3.24:1 AA (grand texte)

Contraste sur fond sombre: 6.49:1 AA (texte normal)

Astuce : faites varier l'opacité pour prévisualiser des overlays (ex. boutons, badges, etc.).

HEX

#1e90ff
#1e90ffff

RGB / RGBA

rgb(30, 144, 255)
rgba(30, 144, 255, 1)
rgb(30 144 255)

HSL / HSLA

hsl(209.6, 100%, 55.9%)
hsla(209.6, 100%, 55.9%, 1)
hsl(209.6 100% 55.9%)

HSV / HSB

hsv(209.6, 88.2%, 100%)

CMYK

cmyk(88.2%, 43.5%, 0%, 0%)

FAQ

Quels formats sont supportés ?

HEX (#RGB, #RGBA, #RRGGBB, #RRGGBBAA), RGB et RGBA (syntaxes CSS3 et CSS4), HSL et HSLA, HSV/HSB ainsi que CMYK. Les noms CSS (ex. 'dodgerblue') sont aussi reconnus.

Comment gérer l'alpha (transparence) ?

Utilisez RGBA ou HSLA, le curseur d'opacité, ou un HEX sur 8 chiffres (#RRGGBBAA). L'alpha est conservé entre conversions.

Le contraste est-il vérifié ?

Oui. L'outil calcule le ratio de contraste WCAG entre la couleur et le fond (clair/sombre) et indique la conformité AA/AAA pour le texte.

HSV et HSB, c'est pareil ?

Oui. HSV est équivalent à HSB (Hue–Saturation–Value/Brightness). Les conversions affichées utilisent la même base.

Convertisseur de couleur HEX ⇄ RGB ⇄ HSL ⇄ HSV ⇄ CMYK | Outil du Jour | Outil du Jour