CSS & couleurs

Convertisseur de Couleurs

Convertissez des couleurs entre HEX, RGB, HSL et OKLCH avec un aperçu en direct et un curseur de teinte.

Vos données restent sur votre appareilSans envoi, sans serveurFonctionne hors ligne

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

Pourquoi utiliser cet outil

01

Analysez et convertissez des couleurs dans les formats HEX, RGB, HSL et OKLCH avec un calcul colorimétrique D65 complet.

Détecte automatiquement le format de saisie et convertit simultanément en HEX, RGB, HSL et OKLCH.

Utilisez le curseur de teinte pour explorer des variations en conservant la luminosité et le chroma.

Comment l'utiliser

02
01Collez n'importe quelle valeur de couleur : #hex, rgb(), rgba(), hsl(), hsla() ou oklch().
02Copiez le résultat dans le format dont vous avez besoin.
03Faites glisser le curseur de teinte pour explorer les teintes associées.

Vérifications rapides avant de copier

03

Confirmez que le format de saisie est celui attendu.

Vérifiez le résultat avant de l'utiliser dans un document, une URL, une config ou un message.

Copiez uniquement le résultat dont vous avez besoin.

FAQ

04
Quels formats sont pris en charge ?

HEX (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla() et oklch().

Qu'est-ce qu'OKLCH ?

OKLCH est un modèle de couleur perceptuellement uniforme défini par la luminosité, le chroma et la teinte. Il est largement pris en charge par le CSS moderne.

Les données sont-elles envoyées au serveur ?

Non. Toutes les conversions s'effectuent localement dans le navigateur.

Outils liés

03
Convertisseur de Couleurs | TOOLGRID