Convertisseur de couleurs
Collez une couleur dans n’importe quel format : HEX, RGB, HSL, CMJN, LAB, OKLCH ou un nom CSS. Tous les autres formats s’affichent en même temps, prêts à copier.
Tout est calculé dans votre navigateur : aucune couleur n’est envoyée.
À propos de cet outil
Ce convertisseur de couleurs comprend presque toutes les façons d’écrire une couleur : code HEX à 3, 4, 6 ou 8 chiffres, rgb() et rgba(), hsl() et hsla(), HSV (ou HSB) des logiciels de dessin, hwb(), CMJN, lab() et lch() en CIELAB, oklab() et oklch(), ainsi que les 148 noms de couleurs CSS comme tomato ou navy. Collez une valeur telle qu’elle figure dans une maquette, une feuille de style ou une charte graphique : elle est reconnue automatiquement et convertie vers tous les autres formats en même temps.
Chaque ligne se copie d’un clic et peut aussi servir de point de départ : modifiez la valeur HSL ou OKLCH et le reste suit. L’aperçu gère la transparence, un curseur règle l’opacité, et le contraste du texte sur fond blanc et sur fond noir est calculé selon les règles WCAG (AA et AAA). Les calculs suivent la norme CSS Color 4, avec un avertissement si une couleur LAB ou OKLCH sort de la gamme des écrans. Un bloc CSS prêt à coller propose une variable, la version RGB et une valeur OKLCH moderne.
- HEX, RGB, HSL, HSV, HWB, CMJN, LAB, LCH, OKLAB, OKLCH
- 148 noms CSS, avec le nom le plus proche
- Saisie libre dans n’importe quel format
- Opacité et formats HEXA, RGBA, HSLA
- Contraste AA et AAA sur blanc et sur noir
- Bloc CSS prêt à coller
Comment l’utiliser
- Collez ou tapez une couleur, ou choisissez-la avec le sélecteur.
- Lisez tous les formats et l’aperçu, réglez l’opacité si besoin.
- Vérifiez le contraste sur blanc et sur noir.
- Copiez la valeur voulue ou le bloc CSS complet.