Convertisseur de Couleur
Convertissez les couleurs entre les formats HEX, RGB, HSL et CMYK. Détecte automatiquement le format d'entrée et affiche toutes les représentations d'espace colorimétrique.
Paramètres
Saisissez une couleur au format HEX, RVB, HSL ou HWB
Le format de la valeur de couleur d'entrée
Résultats
#3B82F6
Notation hexadécimale des couleurs
Autres résultats (5)
Aperçu visuel de la couleur
rgb(59, 130, 246)
Red: 59, Green: 130, Blue: 246
hsl(217, 91%, 60%)
Hue: 217°, Saturation: 91%, Lightness: 60%
cmyk(76%, 47%, 0%, 4%)
Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%
CSS nommé couleur la plus proche de cette couleur
Exemple d’entrée et de résultat
#3B82F6rgb(59, 130, 246)CMYK est une approximation mathématique sans profil ICC. Elle ne prédit pas le rendu d’une imprimante ou d’un papier donné.
Pourquoi choisir Convertisseur de Couleur
Le convertisseur de couleurs transforme les couleurs entre les formats HEX, RVB, HSL et CMJN avec détection automatique du format d'entrée. Il identifie également la couleur nommée CSS la plus proche, ce qui en fait un outil essentiel pour les concepteurs et développeurs Web.
- ✓Convertit entre les formats de couleurs HEX, RVB, HSL et CMJN
- ✓Détecte automatiquement le format de couleur d'entrée
- ✓Affiche la correspondance de couleur nommée CSS la plus proche
- ✓Toutes les valeurs sont prêtes à être copiées pour être utilisées dans CSS ou dans des outils de conception
Comment utiliser
- 1Entrez votre valeur de couleur dans n'importe quel format pris en charge (HEX, RVB, HSL, HWB)
- 2Sélectionnez le format d'entrée ou laissez-le en détection automatique
- 3Visualisez instantanément toutes les représentations de formats de couleurs
- 4Copiez le format dont vous avez besoin pour votre CSS ou votre outil de conception
- 5Vérifiez la couleur nommée la plus proche pour une référence rapide
Questions fréquentes (FAQ)
Quelle est la différence entre HEX et RVB ?
HEX et RVB représentent différemment les mêmes données de couleur. HEX utilise une notation base 16 (#RRGGBB), tandis que RVB utilise des valeurs décimales (rgb(R, G, B)). Par exemple, #FF0000 et rgb(255, 0, 0) représentent tous deux du rouge pur.
Quand dois-je utiliser HSL au lieu de HEX ?
HSL (Teinte, Saturation, Luminosité) est plus intuitif pour ajuster les couleurs. Vous pouvez facilement rendre une couleur plus claire (augmenter L), plus vive (augmenter S) ou modifier sa teinte. HEX est préférable pour la spécification exacte des couleurs et le partage avec les outils de conception.
À quoi sert le CMJN ?
CMJN (Cyan, Magenta, Jaune, Clé/Noir) est utilisé dans la conception d’impression. Contrairement au RVB qui est additif (basé sur la lumière), le CMJN est soustractif (basé sur l'encre). La conversion RVB en CMJN est essentielle lors de la préparation de conceptions numériques pour l'impression.
Puis-je utiliser cet outil pour convertir à partir de HWB ?
Oui. HWB (Hue, Whiteness, Blackness) est un nouveau format de couleur CSS intuitif pour ajuster les couleurs. Entrez votre valeur HWB au format hwb(H W% B%) et l'outil la convertira dans tous les autres formats.
Quelle est la précision de la correspondance de couleur nommée la plus proche ?
L'outil utilise la distance euclidienne dans l'espace RVB pour trouver la couleur nommée CSS la plus proche. Si votre couleur correspond exactement à une couleur nommée, elle affiche une correspondance exacte. Sinon, il affiche la couleur nommée la plus proche, qui peut différer légèrement de votre entrée.
Références & sources autorisées
CSS Color Module Level 4 - W3C
Voir la sourceColor Values - MDN Web Docs
Voir la sourceNamed CSS Colors
Voir la sourceOutils associés
Découvrez d'autres outils pratiques pour ce domaine d'application.