Convertisseur de couleurs

À propos des modèles de couleur

Chaque format de cette page décrit la même couleur dans un langage différent. HEX et RGB adressent directement les canaux rouge, vert et bleu de votre écran — ils sont interchangeables. HSL et HSV réorganisent ces informations en teinte, saturation et un axe de luminosité ou de valeur, ce qui paraît plus intuitif quand on veut éclaircir, assombrir ou faire pivoter une teinte. CMJN est le modèle d'impression : les encres cyan, magenta, jaune et noir (key) soustraient de la lumière au papier blanc, donc l'aperçu à l'écran n'est qu'une approximation du rendu imprimé.

Comment utiliser ce convertisseur

Choisissez une couleur dans le sélecteur natif, ou saisissez une valeur dans n'importe quel champ — HEX accepte #RGB et #RRGGBB, RGB accepte rgb(r, g, b), et HSL accepte hsl(h, s%, l%). Les autres lignes se rafraîchissent instantanément. Utilisez le bouton Copier à côté de chaque format pour envoyer la valeur dans votre presse-papiers. Les cinq pastilles sous le formulaire prévisualisent la même teinte à 10 %, 30 %, 50 %, 70 % et 90 % de luminosité — cliquez sur l'une d'elles pour charger cette variante.

Aide-mémoire des formats

Utilisez HEX en CSS, dans les outils de design et les chartes graphiques — c'est la forme écrite la plus compacte. Utilisez RGB quand vous avez besoin d'une variante transparente : passez à rgba(r, g, b, a) avec un alpha entre 0 et 1. Utilisez HSL pour construire des palettes à la main — en gardant teinte et saturation fixes et en ne variant que la luminosité, vous obtenez des teintes et nuances qui se lisent comme une famille cohérente. Utilisez CMJN uniquement pour envoyer un visuel en imprimerie, et demandez à l'imprimeur les spécifications exactes — chaque profil colorimétrique décale légèrement les couleurs.

Questions fréquentes

Cette conversion est-elle exacte ?

HEX, RGB, HSL et HSV décrivent tous des couleurs d'écran et font l'aller-retour sans perte, à l'arrondi près lié au travail sur des canaux 8 bits. CMJN est une approximation : le rendu réel à l'impression dépend du profil de l'imprimeur, du papier et du jeu d'encres ; utilisez la sortie CMJN comme point de départ et confirmez avec une épreuve.

Quelle est la différence entre HSL et HSV ?

Les deux partagent les axes de teinte et de saturation, mais le troisième axe diffère. En HSL, une luminosité de 0 % donne du noir et 100 % du blanc, la teinte pure se trouvant à 50 %. En HSV, une valeur de 100 % donne la teinte pure et 0 % donne du noir — il n'y a pas de chemin direct vers le blanc. HSL paraît plus naturel pour choisir des teintes et nuances ; HSV pour décider de l'intensité d'une couleur.

Pourquoi mon HEX est-il différent à l'impression ?

Les écrans émettent de la lumière de manière additive (RGB), les imprimantes l'absorbent de manière soustractive (CMJN). Les bleus, verts et oranges éclatants existent facilement à l'écran mais sortent souvent du gamut CMJN. Vérifiez toujours sur une épreuve imprimée avant de valider, et demandez à votre imprimeur s'il préfère du CMJN ou, idéalement, une référence Pantone pour les couleurs de marque.

Puis-je coller n'importe quelle chaîne CSS ?

Les champs HEX, RGB et HSL acceptent les formes CSS les plus courantes — #RGB, #RRGGBB, rgb(...), rgba(...), hsl(...), hsla(...). Les couleurs nommées comme tomato et les valeurs modernes oklch() ne sont pas encore reconnues — convertissez-les d'abord dans les DevTools de votre navigateur.

Les valeurs converties sont-elles stockées quelque part ?

Non. La conversion s'effectue entièrement dans votre navigateur ; rien n'est envoyé à un serveur, et les valeurs ne sont pas conservées d'une visite à l'autre. Mettez en signet ou copiez toute palette que vous souhaitez garder.

Pourquoi les teintes sont-elles basées sur la luminosité HSL ?

Maintenir teinte et saturation fixes en balayant la luminosité HSL produit une échelle tonale visuellement cohérente — typiquement la rampe qu'on construirait à la main pour une palette d'interface. Les cinq échantillons à 10 %, 30 %, 50 %, 70 % et 90 % donnent un panorama rapide de la nuance la plus profonde au blanc cassé de la même famille de couleurs.

Convertisseur de couleurs