Convertisseur de couleurs
Foire aux questions
Les couleurs ont-elles des noms reconnus ?
La spécification CSS définit environ 140 couleurs nommées (comme crimson, teal, coral, rebeccapurple, transparent). Vous pouvez saisir n’importe lequel de ces noms pour obtenir les valeurs HEX, RGB et HSL correspondantes.
Comment vérifier le contraste entre le texte et l’arrière-plan ?
Le contraste est une exigence essentielle d’accessibilité (WCAG). Pour assurer la lisibilité, vérifiez l’écart de luminosité — le troisième paramètre (L) en HSL.
L’outil gère-t-il la transparence (canal alpha) ?
Oui. En saisissant une couleur avec transparence (par exemple HEX à 8 caractères #8f5aff80, rgba(143, 90, 255, 0.5) ou hsla(260, 100%, 68%, 0.5)), l’outil calcule les valeurs exactes HEXA, RGBA et HSLA. Les champs standard HEX, RGB et HSL affichent la couleur de base sans transparence.
Que signifient les lettres de HSL ?
H est la teinte (Hue) de 0 à 360 degrés. S est la saturation en pourcentage. L est la luminosité (Lightness) en pourcentage : 0 % donne du noir, 100 % du blanc.
Les formats CMJN, RAL ou Pantone sont-ils pris en charge ?
Non. L’outil est conçu pour les écrans et le développement web (CSS), calculant les formats HEX, RGB et HSL. L’impression (CMJN) et les nuanciers physiques (RAL, Pantone) ne sont pas pris en charge.
Un même code HEX donne-t-il la même couleur sur tous les écrans ?
Le code est identique, mais le rendu visuel dépend du profil et de l’étalonnage du moniteur.
L’outil génère-t-il automatiquement une palette complète ?
L’outil convertit une couleur individuelle vers différents formats. Pour prélever une couleur sur une image, utilisez la pipette à couleurs.
Convertissez des couleurs entre les formats HEX, RGB, HSL et les noms de couleurs CSS. L’outil prend en charge la transparence (HEXA, RGBA, HSLA) et permet de copier directement le code pour vos styles CSS. Saisissez la valeur dans le champ « Couleur » et cliquez sur « Convertir ».
Façons d’écrire une couleur
| Format | Exemple | Où il est utilisé |
|---|---|---|
| HEX | #3A7BD5 | CSS, intégration de sites |
| RGB | rgb(58, 123, 213) | CSS, programmation, travail avec la transparence (RGBA) |
| HSL | hsl(214, 64%, 53%) | Choisir des nuances d’une même teinte par luminosité et saturation (HSLA) |
HEX, RGB et HSL décrivent les couleurs d’écran et se convertissent entre eux en préservant les canaux de couleur. Pour les couleurs avec canal alpha (transparence), l’outil calcule les valeurs exactes HEXA, RGBA et HSLA. Les champs standard HEX, RGB et HSL affichent la couleur de base sans transparence.
Comment choisir une combinaison de couleurs
La couleur saisie est un point de départ, pas une palette toute faite. L’approche classique des combinaisons repose sur le cercle chromatique :
- Combinaison monochrome – une seule teinte, luminosité et saturation différentes. En HSL, il suffit de changer la deuxième et la troisième valeur, en laissant la première (la teinte) inchangée.
- Combinaison contrastée – des couleurs de côtés opposés du cercle, pour des accents et une forte visibilité.
- Combinaison analogue – des couleurs voisines sur le cercle, pour une palette calme et homogène.
Outil proche
Si la couleur de départ ne doit pas être saisie à la main mais relevée sur une image ou une capture d’écran, utilisez la pipette à couleurs – elle renvoie HEX, RGB et HSL dès qu’on clique sur un pixel.