Color Converter

Disponible

Convertissez et inspectez les couleurs HEX, RGB, HSL et OKLCH localement, avec gamut, luminance et contraste.

S'exécute localement. Les couleurs ne quittent pas ce navigateur.

Entrée couleur

Saisissez une valeur HEX, RGB, HSL ou OKLCH. Appuyez sur Entrée ou Convertir.

Sélecteur de couleur

Pris en charge : #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla() et oklch().

Aperçu

sur blanc

sur noir

La couleur est dans le gamut sRGB.

HEX

#6366F1

RGB

rgb(99 102 241)

HSL

hsl(238.7 83.5% 66.7%)

OKLCH

oklch(58.5% 0.204 277.1)

Inspection couleur

Source

HEX

Alpha

100%

Gamut sRGB

Dedans

Luminance

0.185

Contraste blanc

4.47:1

Contraste noir

4.70:1

Conversion et inspection s'exécutent entièrement dans le navigateur. Aucune couleur n'est stockée ni envoyée à un backend Devary.

Les formats CSS au même endroit

Passez des formats sRGB courants à OKLCH sans envoyer vos couleurs ni tokens de design à un backend.

Limite sRGB explicite

OKLCH peut représenter des couleurs hors sRGB. Dans ce cas, les coordonnées OKLCH sont conservées et HEX, RGB et HSL sont signalés comme représentations écrêtées en sRGB.