Convertisseur de couleurs
Questions fréquentes
Les couleurs ont-elles des noms communément admis ?
Une partie des teintes, oui : le CSS en compte environ 140 (crimson, teal, coral), dans le système RAL les noms sont liés à des numéros sur un nuancier peinture, chez Pantone à un catalogue d’imprimerie. Le même nom désigne une teinte différente selon le système, donc pour transmettre une couleur avec précision entre un designer, un imprimeur et l’intégration, un code est plus fiable qu’un nom.
Comment vérifier le contraste entre un texte et son fond sur un site ?
Le contraste entre le texte et le fond n’est pas qu’une question d’esthétique, c’est aussi une exigence d’accessibilité : des couleurs trop proches en luminosité se lisent mal pour les personnes malvoyantes et sur un écran en plein soleil. Pour choisir une paire « texte – fond », mieux vaut vérifier non seulement la teinte, mais aussi l’écart de luminosité – la troisième valeur en HSL.
Pourquoi une couleur paraît-elle différente à l’écran et après impression ?
Le RGB décrit une couleur comme de la lumière émise par un écran, en mélangeant des rayons rouge, vert et bleu. Le CMJN décrit une couleur comme de l’encre sur du papier, qui au contraire absorbe une partie du spectre. La gamme de couleurs disponible en RGB est plus large que celle qu’on peut physiquement obtenir en mélangeant de vraies encres d’imprimerie – certaines teintes vives d’écran n’ont donc tout simplement pas d’équivalent exact à l’impression, et le convertisseur affiche l’approximation la plus proche possible, pas une correspondance exacte. C’est pourquoi convertir une couleur de RGB vers CMJN reste toujours une approximation, et la teinte finale sur papier dépend en plus de l’imprimante et du type de papier.
Que signifient les lettres de HSL ?
H, c’est la teinte (hue), elle fixe la couleur elle-même sur un cercle de 0 à 360 degrés. S, c’est la saturation, en pourcentage. L, c’est la luminosité, en pourcentage : 0 % donne du noir, 100 % du blanc, quelles que soient les deux premières valeurs.
Peut-on saisir le nom d’une couleur plutôt qu’un code ?
Un ensemble limité de couleurs nommées (par exemple red, white) est pris en charge par la norme CSS, mais pour un résultat précis et prévisible, il est plus fiable de saisir un code précis – HEX ou RGB.
Le même code HEX donne-t-il la même couleur dans différents logiciels graphiques ?
Le code est identique, mais le rendu réel dépend de la calibration et du profil colorimétrique de l’écran – sur des écrans différents, le même HEX peut paraître un peu plus chaud ou plus froid.
L’outil construit-il automatiquement une palette toute faite ?
Non, le formulaire prend en charge et convertit une seule couleur : il ne construit pas automatiquement de palette de couleurs nommées toute faite et ne choisit pas de paire contrastée. Pour reprendre une couleur exacte sur une image plutôt que de saisir un code à la main, la pipette à couleurs aide.
Saisissez une couleur dans n’importe quel format : l’outil la convertit vers les autres systèmes courants, HEX, RGB, HSL, CMJN et d’autres. Le champ prend la valeur en compte dès la saisie.
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 |
| CMJN | 73 %, 42 %, 0 %, 16 % | Impression, où l’on mélange des encres et non de la lumière |
HEX, RGB et HSL décrivent la lumière d’un écran et se convertissent l’un dans l’autre sans perte. Le CMJN fonctionne autrement : il s’agit d’encre sur du papier, donc une conversion de RGB vers CMJN reste toujours approximative – la couleur exacte à l’impression dépend aussi de l’imprimante, du papier et de la calibration.
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.