Bidirectionnel · Temps réel · Copie instantanée — 100% local, sans upload
Saisissez ou collez n'importe quelle valeur de couleur en HEX, RGB, HSL ou OKLCH et toutes les autres représentations se mettent à jour instantanément. Inclut un aperçu de couleur en direct et une copie en un clic pour chaque format. Tout fonctionne dans votre navigateur — aucune donnée ne quitte votre appareil.
Les différents workflows utilisent différents espaces colorimétriques. Le CSS s'appuyait historiquement sur hex et rgb(), tandis que les outils de design comme Figma privilégient HSL pour son modèle lisible teinte/saturation/luminosité. OKLCH est le standard moderne : il est perceptuellement uniforme, ce qui signifie que des pas numériques égaux produisent des différences de couleur visuellement égales — parfait pour générer des palettes de couleurs accessibles et des dégradés prévisibles.
OKLCH signifie Luminosité, Chroma, Teinte — construit sur le modèle de couleur perceptuel OKLab. Contrairement au HSL, il garantit que deux couleurs avec la même valeur L paraissent également lumineuses à l'œil humain. Cela le rend bien supérieur pour construire des systèmes de design accessibles, des palettes en mode sombre, et des échelles de propriétés CSS personnalisées.
Oui. La fonction oklch() est disponible dans tous les navigateurs modernes depuis 2023 (Chrome 111+, Firefox 113+, Safari 15.4+). Exemple : color: oklch(0.7 0.15 200);. Elle peut même exprimer des couleurs hors de l'espace sRGB pour les écrans à large gamut P3.
HSL est une remapping cylindrique de sRGB — simple mais pas perceptuellement uniforme. Un jaune à la luminosité HSL 50% paraît bien plus lumineux qu'un bleu à la même valeur. OKLCH corrige cela : des valeurs L égales produisent une luminosité visuellement égale, le rendant bien plus prévisible pour le travail de design.
Une couleur hex comme #3b82f6 se divise en trois paires : 3b=59 (Rouge), 82=130 (Vert), f6=246 (Bleu). Chaque paire est un nombre hexadécimal entre 0 et 255. La notation abrégée comme #fff s'étend à #ffffff en doublant chaque chiffre.
Non. Toute la conversion de couleurs s'exécute entièrement en JavaScript dans votre navigateur. Aucune valeur de couleur, aucune requête, aucun suivi — vos données ne quittent jamais votre appareil.