Qu'est-ce qu'un convertisseur de couleurs ?
Un convertisseur de couleurs traduit une valeur de couleur dans les formats couramment utilisés en web design, CSS, systèmes de design et notes de transfert. Une même couleur de marque peut être stockée en HEX dans un guide de style, en RGB dans un token de design, en HSL dans un éditeur de thème et en CMYK dans des notes destinées à l'impression. Cet outil regroupe ces représentations pour que vous puissiez copier la version adaptée sans recalculer manuellement.
Le convertisseur est volontairement compact. Il se concentre sur les couleurs web sRGB pratiques : HEX, RGB, HSL, HSV et une approximation simple de CMYK. Il ne cherche pas à remplacer des logiciels professionnels de gestion des couleurs ni des flux de travail basés sur des profils ICC.
Formats de couleur pris en charge
| Format | Example | Usage recommandé |
|---|---|---|
| HEX | #3366FF | CSS, tokens de design, transfert visuel rapide |
| RGB | rgb(51, 102, 255) | Valeurs CSS, travail sur canvas, canaux de couleur programmatiques |
| HSL | hsl(225, 100%, 60%) | Ajustements de thème par teinte, saturation et luminosité |
| HSV | hsv(225, 80%, 100%) | Flux de travail de sélecteur de couleur et réglages visuels |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Notes d'impression approximatives, pas de gestion finale des couleurs pour l'impression |
Limitations importantes
- La sortie CMYK est calculée à partir de valeurs sRGB et n'est qu'une approximation.
- Les couleurs nommées CSS, les dégradés, Lab, LCH, OKLCH et Display-P3 sont hors du périmètre de cette version compacte v1.
- Les valeurs alpha peuvent être analysées pour les formes courantes HEX/RGB/HSL, mais l'aperçu natif affiche la couleur de base opaque.
- Différents outils de design peuvent arrondir légèrement les valeurs HSL, HSV ou CMYK.
Flux de travail courants
Nettoyage CSS
Collez une couleur HEX depuis un guide de style et copiez RGB ou HSL pour un état de composant, une palette de graphiques ou une variable de thème.
Transmission de design
Regroupez plusieurs notations de couleur lorsque développeur, designer ou éditeur de contenu utilisent des outils différents.
Revue des tokens
Vérifiez si un token de couleur correspond à la teinte et à la saturation attendues avant de l'utiliser dans une interface publique.
Notes d'impression
Générez des valeurs CMYK approximatives pour discussion, en laissant la sortie finale d'impression aux outils prenant en charge les profils.
Foire aux questions
La sortie CMYK est-elle exacte ?
Non. La valeur CMYK est une simple conversion depuis le sRGB, utile pour des notes approximatives. Le travail d'impression final dépend du papier, de l'encre, des réglages de la presse et des profils ICC.
Puis-je coller des fonctions de couleur CSS ?
Oui pour la syntaxe courante des fonctions RGB, HSL, HSV et de type CMYK. Les espaces colorimétriques plus récents tels que Lab, LCH, OKLCH et Display-P3 sont volontairement hors du périmètre de cet outil compact.
L'outil prend-il en charge la transparence alpha ?
Il peut analyser les formes alpha courantes comme RGBA, HSLA et le HEX à huit chiffres, mais l'échantillon principal et la sortie de copie se concentrent sur des couleurs web opaques pratiques.
Pourquoi les valeurs diffèrent-elles parfois d'un autre outil de design ?
De petites différences proviennent généralement des règles d'arrondi ou des hypothèses de gestion des couleurs. Pour les couleurs sRGB web, ces différences sont normalement minimes.
Quand devrais-je plutôt utiliser le vérificateur de contraste ?
Utilisez le vérificateur de contraste lorsque vous devez comparer deux couleurs pour la lisibilité du texte. Ce convertisseur ne transforme qu'une couleur entre les formats.