Convertisseur de Couleurs

HEX ↔ RGB ↔ HSL avec sélecteur

Chargement…

Cet outil vous a-t-il été utile?

About this tool

Cet outil convertit un code couleur HEX en valeurs RGB et HSL et calcule si un texte blanc ou noir se lit mieux dessus. Il affiche aussi une palette en six teintes qui conserve la même teinte et saturation en ne faisant varier que la luminosité, pratique pour choisir des nuances de design.

How to use

  1. Cliquez sur le sélecteur de couleur ou tapez directement une valeur HEX (3 ou 6 chiffres fonctionnent tous les deux).
  2. RGB, HSL, et une notation adaptée aux variables CSS (R G B séparés par des espaces) apparaissent juste en dessous.
  3. Cliquez sur l'une des six variantes de luminosité de la même teinte pour basculer vers cette couleur.
  4. Sous la boîte d'aperçu, vérifiez si le texte blanc ou noir offre le plus de contraste, et consultez le ratio de contraste exact.

Frequently asked questions

Quels formats de couleur cet outil prend-il en charge ?
Il prend le HEX (3 ou 6 chiffres) en entrée et le convertit en RGB, HSL, et une notation « R G B » séparée par des espaces pour les variables CSS (comme dans rgb(var(--x) / 0.5)). Les formats d'impression comme le CMYK ne sont pas pris en charge.
Comment le ratio de contraste est-il calculé ?
Il calcule la luminance relative de chaque couleur avec la formule WCAG, puis la compare à des arrière-plans blancs et noirs pour obtenir le ratio de contraste. Un nombre plus élevé signifie plus de contraste et un texte plus lisible.
Comment les six variantes de luminosité sont-elles générées ?
Elles conservent la teinte (H) et la saturation (S) de la couleur d'entrée inchangées et ne font varier que la luminosité (L) sur 90/75/60/45/30/15 % pour construire la palette en six teintes.
La valeur de couleur que je saisis est-elle envoyée à un serveur ?
Non. Toute la conversion et le calcul de contraste se font dans votre navigateur et ne sont jamais envoyés à un serveur.

Outils similaires