> convertir | aperçu | choisir <
// Convertissez entre les formats de couleur HEX, RGB, HSL, HSV et CMJN
Aperçu des couleurs
L'aperçu en direct se met à jour instantanément lorsque vous tapez ou choisissez des couleurs.
Saisie dans tout format
Entrez une couleur dans n'importe quel format et tous les autres formats se mettent à jour automatiquement.
5 formats de couleur
Convertissez entre HEX, RGB, HSL, HSV/HSB et CMJN. Copiez n'importe quel format en un clic.
// À PROPOS DES FORMATS DE COULEUR
Modèles de couleur:
Les couleurs peuvent être représentées par différents modèles : RGB additif (rouge, vert, bleu) pour les écrans, CMJN soustractif (cyan, magenta, jaune, noir) pour l'impression, notation HEX comme représentation RGB compacte, et HSL/HSV pour la teinte, la saturation et la luminosité/valeur.
Exemple:
#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)
Cas d'utilisation courants:
- >Développement web : couleurs CSS en HEX, RGB ou HSL
- >Design d'impression : conversion RGB vers CMJN
- >Design UI : HSL pour des ajustements intuitifs
- >Chartes graphiques : couleurs cohérentes entre formats
- >Accessibilité : vérification des ratios de contraste
>> questions fréquemment posées
Q : Quelle est la différence entre HEX et RGB ?
R : HEX et RGB représentent le même modèle de couleur (rouge, vert, bleu) mais en notations différentes. HEX utilise l'hexadécimal (#FF5733) tandis que RGB utilise des valeurs décimales (rgb(255, 87, 51)).
Q : Qu'est-ce que HSL et pourquoi l'utiliser ?
R : HSL signifie Teinte, Saturation, Luminosité. C'est un modèle de couleur plus intuitif pour les humains. Le CSS prend en charge nativement la notation hsl().
Q : Quand utiliser CMJN ?
R : Le CMJN (Cyan, Magenta, Jaune, Noir) est le modèle de couleur utilisé pour l'impression. Notez que toutes les couleurs RGB ne peuvent pas être reproduites en CMJN.
Q : Quels formats de couleur CSS sont pris en charge ?
R : Les navigateurs modernes prennent en charge HEX, RGB, HSL, les couleurs nommées et les formats plus récents comme hwb(), lab(), lch(), oklch().
Q : Comment les formats de couleur affectent-ils l'accessibilité ?
R : Le format ne modifie pas directement l'accessibilité, mais comprendre les valeurs aide à calculer les ratios de contraste. Le WCAG 2.1 exige un ratio minimum de 4,5:1 pour le texte normal.