🎨 Design et création

Convertisseur de Couleur — HEX, RGB, HSL, OKLCH et Contraste

Convertissez n'importe quelle couleur entre HEX, RGB, HSL, HWB, OKLCH et LCH. Inclut un vérificateur de contraste WCAG 2.2 sur n'importe quel arrière-plan ou avant-plan alternatif.

Couleur en entrée (tout format) Accepte les formats hex, rgb, hsl, hwb, oklch, lch et les noms CSS.

Échantillon

Format	Valeur

Vérificateur de contraste WCAG

Premier plan

Arrière-plan

Ratio de contraste

—

Texte courant 16 px
Grand texte 24 px

—

Comment fonctionne le calcul

sRGB → linéaire via la courbe gamma standard, puis vers OKLab à l'aide de la matrice de Björn Ottosson, puis vers OKLCH par coordonnées polaires. HSL/HWB utilisent les formules standard du CSS Color Module 4.

Contraste WCAG 2.2 : ratio = (L1 + 0.05) / (L2 + 0.05) à partir de la luminance relative issue de la somme pondérée sRGB→linéaire (0.2126 R + 0.7152 G + 0.0722 B). AA = 4.5, AAA = 7 pour le texte normal ; 3 et 4.5 pour le texte large (18 pt / 14 pt gras).

Aussi connu sous le nom de

color converter oklchhex to hslwcag contrast checkerrgb to hex

Convertisseur de Couleur — HEX, RGB, HSL, OKLCH et Contraste

Vérificateur de contraste WCAG

Aussi connu sous le nom de

Outils similaires