Convertisseur d'espace de couleur unifié
Guide
Convertisseur d'espace de couleur unifié
Colorez un format courant dans le champ et voyez instantanément la représentation de cette couleur dans neuf espaces de couleur, côte à côte. Le convertisseur détecte automatiquement HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ, Oklab et des couleurs nommées CSS, puis calcule toutes les autres représentations en utilisant une correction gamma sRGB complète et un point blanc standard D65. Une prévisualisation en temps réel et un bouton de copie pour chaque valeur en font un outil rapide pour les concepteurs, les développeurs, les équipes de impression et toute personne qui a besoin de précision en colorimétrie sans faire ses propres calculs.
Comment utiliser
- Saisissez ou collez une valeur de couleur dans le Valeur de couleur champ. Tout format courant est accepté :
#464aff,rgb(70, 74, 255),hsl(238, 100%, 64%),lab(45 35 -85),oklab(0.5 0.1 -0.05),cmyk(72%, 71%, 0%, 0%), ou un nom CSS commecornflowerblue. - Vous pouvez également glisser-déposer le sélecteur de couleur natif pour choisir une couleur visuellement ; le sélecteur et le champ de saisie restent synchronisés.
- Le format détecté est affiché comme une vignette dans la prévisualisation. Tous les autres espaces de couleur sont automatiquement populés.
- Cliquez sur l'icône de copie à côté de chaque sortie pour copier cette représentation dans le presse-papier.
- Le Nom le plus proche CSS champ affiche la couleur CSS la plus proche ainsi que sa distance ΔE76 pour des décisions rapides en palette.
Caractéristiques
- Neuf espaces de couleur en même temps – HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ (D65) et Oklab, côte à côte.
- Détecte automatiquement l'entrée – Collez n'importe quel format et le parser le détermine, y compris les formats modernes
lab(),lch(),oklab()et les couleurs nommées CSS. - Précision colorimétrique – Codage/décodage gamma sRGB, matrices Bradford alignées D65 et matrices Oklab de Björn Ottosson pour des résultats perçus correctement.
- Prévisualisation en temps réel – Voir la couleur exactement rendue accompagnée de ses chaînes HEX et RGB tout en saisissant.
- Nom le plus proche de couleur CSS – Recherche ΔE76 contre la liste complète des couleurs nommées CSS pour une étiquetage rapide visuel.
- Copie en un clic – Chaque ligne de sortie dispose d'un bouton de copie afin de pouvoir transférer les valeurs directement dans des fichiers de conception ou du code.
- Calculs pur côté client – Tout se déroule localement dans votre navigateur ; aucune valeur de couleur n'est envoyée vers un serveur.
FAQ
-
Quelle est la différence entre CIE LAB et Oklab ?
CIE LAB a été la norme d'espace de couleur perçue uniforme depuis 1976 et est largement utilisée dans l'impression et la science des couleurs. Oklab, introduit par Björn Ottosson en 2020, a été spécifiquement ajusté pour corriger les faiblesses connues de LAB concernant l'uniformité de la teinte, en particulier dans la gamme bleue. Oklab produit généralement des gradients plus fluides et des rotations de teinte plus prévisibles, ce qui est la raison pour laquelle CSS Color Level 4 l'encourage pour les travaux de couleur modernes sur le web.
-
Pourquoi une même couleur a-t-elle des valeurs différentes dans LAB versus XYZ ?
CIE XYZ décrit une couleur en termes de trois primaires imaginaires qui couvrent le spectre visible humain, avec des valeurs linéaires en intensité lumineuse. CIE LAB est une transformation non linéaire de XYZ conçue pour être presque uniforme perçue, de sorte que des distances numériques égales dans LAB correspondent plus étroitement à des différences perçues égales. Elles décrivent la même couleur, mais XYZ est destiné aux calculs en science des couleurs et LAB est destiné à mesurer les différences perçues.
-
Pourquoi le CMYK est-il seulement une approximation ?
La sortie CMYK réelle dépend des encre, du papier et de l'imprimante utilisés, qui sont capturés dans un profil ICC. Une estimation CMYK indépendante du dispositif, comme celle produite par cet outil, applique un modèle soustractif simple sur sRGB et ignore le processus physique d'impression. Elle est utile pour des conversions approximatives, mais ne doit jamais remplacer une preuve douce via le profil ICC de destination lorsqu'une précision est requise.
-
Qu'est-ce que la valeur ΔE à côté du nom le plus proche de couleur CSS signifie ?
ΔE (delta E) est un nombre qui résume la différence perçue entre deux couleurs pour un observateur humain dans l'espace de couleur LAB. ΔE76 est la formule originale de 1976 et est celle que cet outil affiche. En tant que guide approximatif, un ΔE inférieur à 1 est presque indiscernable, inférieur à 2 est presque inaperçu lors d'une comparaison côte à côte, et supérieur à 10 est clairement une couleur différente.
-
Pourquoi certaines valeurs LAB ou Oklab produisent-elles des résultats RGB tronqués ?
LAB, LCH, Oklab et XYZ peuvent décrire des couleurs en dehors du gamut sRGB, ce qui signifie qu'elles ne peuvent pas être affichées avec précision sur un écran standard. Lorsque la valeur convertie en RGB tombe en dessous de 0 ou au-dessus de 255, cet outil clame chaque canal dans la plage affichable. La couleur visible est l'approximation la plus proche dans le gamut affichable plutôt qu'une reproduction fidèle de la couleur originale en dehors du gamut.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 12 juin 2026
