Ce que fait l’outil
Collez une couleur dans n’importe quel format et obtenez tous les autres, chacun avec un bouton de copie : HEX, RGB, HSL, HWB, OKLCH, OKLab, CIE Lab/LCH (D50) et color(display-p3 …). L’outil lit et écrit aussi ce qu’utilise le code .NET : Color.FromArgb(…) (int, ARGB ou alpha + couleur nommée), Color.FromRgb, Colors.Red, le texte Color [A=…, R=…] produit par ToString(), 0xAARRGGBB, les entiers signés de ToArgb() et le #AARRGGBB de XAML. Le commutateur hex à 8 chiffres indique si #xxxxxxxx suit l’ordre CSS ou l’ordre .NET.
Lab, LCH et OKLCH peuvent décrire des couleurs que le sRGB ne peut pas afficher. Elles sont signalées, et les valeurs hex/RGB sont ramenées dans le gamut avec la méthode de CSS Color 4 (réduction de la chroma OKLCH) plutôt que tronquées. Les calculs suivent CSS Color 4 : courbe de transfert sRGB, point blanc D65, adaptation de Bradford vers D50 pour Lab et l’OKLab de Björn Ottosson.
Contraste
La couleur saisie est considérée comme le texte, la seconde comme l’arrière-plan. Vous obtenez le rapport de contraste WCAG 2.x avec réussite/échec pour AA et AAA (texte normal et grand texte) et pour les composants d’interface (3:1). Le rapport est arrondi vers le bas : une paire affichée à 4.5:1 est donc réellement conforme. La valeur Lc d’APCA n’est donnée qu’à titre indicatif, car elle ne fait pas partie des WCAG 2.x. Les couleurs semi-transparentes sont composées comme un navigateur les dessinerait.
Quand une paire échoue, l’outil propose les couleurs de texte et d’arrière-plan conformes les plus proches en ne modifiant que la luminosité OKLCH, si bien que la teinte et la chroma restent identiques. Cliquez sur Appliquer pour en utiliser une.
Palette
L’échelle de nuances 50–950 est construite en OKLCH, et votre couleur apparaît inchangée au palier le plus proche. Copiez-la en propriétés personnalisées CSS, en bloc colors Tailwind v3 ou en bloc @theme Tailwind v4.
Confidentialité
Tout s’exécute dans votre navigateur. Les saisies sont stockées uniquement dans le stockage local de votre navigateur.