Sélecteur/Convertisseur de couleurs
Sélectionnez des couleurs et convertissez entre différents formats
Correspondances alternatives :
Aperçu de l'apparence du texte
The quick brown fox jumps over the lazy dog
color: #6366f1; background-color: #6366f1; border-color: #6366f1;
À propos des formats de couleur
Les couleurs peuvent être représentées dans de nombreux formats différents, chacun ayant ses cas d'utilisation et ses avantages spécifiques. Cet outil prend en charge la conversion entre les formats de couleur les plus couramment utilisés.
Comprendre les différents modèles de couleurs est essentiel pour le développement web, la conception UI et la création d'art numérique.
Formats de couleur pris en charge
#RRGGBB
0-255, 0-255, 0-255
0°-360°, 0-100%, 0-100%
0°-360°, 0-100%, 0-100%
0-100%, ×4
16-235, 16-240, 16-240
L*: 0-100, a*/b*: -128 to +127
Détails des formats de couleur
HEX (Hexadécimal)
Les couleurs HEX utilisent une notation hexadécimale à 6 chiffres précédée de #. Chaque paire représente les valeurs rouge, vert et bleu (00-FF). La notation abrégée (#RGB) s'étend à #RRGGBB. Un format à 8 chiffres (#RRGGBBAA) est également pris en charge pour la transparence alpha.
Usage : CSS, HTML, design web, la plupart des langages de programmation
RGB (Rouge, Vert, Bleu)
Le modèle RGB crée des couleurs en combinant la lumière rouge, verte et bleue - c'est un modèle additif. Ce modèle correspond directement à la façon dont les écrans émettent de la lumière, ce qui en fait l'espace colorimétrique natif des affichages numériques.
Usage : Écrans, éclairage LED, CSS, traitement d'images numériques
HSL (Teinte, Saturation, Luminosité)
HSL représente les couleurs en fonction de la perception humaine. La teinte est l'angle sur la roue des couleurs, la saturation est l'intensité de la couleur, et la luminosité est la clarté de la couleur. Cela rend la manipulation des couleurs plus intuitive.
Usage : CSS, génération de palettes, sélection de couleurs intuitive
HSV/HSB (Teinte, Saturation, Valeur)
HSV (également appelé HSB) est similaire à HSL mais utilise Valeur au lieu de Luminosité. La valeur représente la brillance, avec 100% étant le plus brillant. Ce modèle correspond à la façon dont les artistes pensent aux couleurs, le rendant populaire dans de nombreuses applications graphiques.
Usage : Photoshop, GIMP, sélecteurs de couleurs dans les logiciels graphiques
CMYK (Cyan, Magenta, Jaune, Clé/Noir)
CMYK est un modèle soustractif utilisé pour l'impression. Contrairement au RGB qui ajoute de la lumière, le CMYK soustrait la lumière du papier blanc. Le « K » signifie Clé (noir), qui améliore la qualité d'impression et réduit l'utilisation d'encre.
Usage : Design imprimé, impression commerciale, packaging
YCbCr (Luminance, Chrominance)
YCbCr sépare les composantes de luminance (Y) et de différence de couleur (Cb, Cr). Cette séparation permet une compression vidéo efficace car l'œil humain est plus sensible à la luminosité qu'à la couleur. Couramment utilisé dans les standards JPEG, MPEG et de diffusion.
Usage : Compression JPEG, encodage vidéo (H.264, HEVC), diffusion TV
Lab (CIE L*a*b*)
Lab est un espace colorimétrique perceptuellement uniforme conçu pour approximer la vision humaine. L* est la luminosité, a* est l'axe vert-rouge, et b* est l'axe bleu-jaune. Une unité de distance perceptuelle apparaît à peu près identique quelle que soit la couleur.
Usage : Science des couleurs, calculs de différence de couleur (Delta E), gestion professionnelle des couleurs
Pantone (PMS)
Le système de correspondance Pantone (PMS) est un système propriétaire de standardisation des couleurs largement utilisé dans l'impression, la mode et le design produit. Chaque couleur a un code unique assurant une reproduction cohérente sur différents matériaux et fabricants.
Usage : Identité de marque, impression commerciale, design d'emballage, industrie textile
Note : Ce sont des représentations numériques approximatives. Les couleurs Pantone réelles peuvent varier à l'impression.
Fondamentaux de la théorie des couleurs
Les couleurs existent dans différents « espaces » optimisés pour différentes utilisations. Les modèles additifs (RGB) fonctionnent en ajoutant de la lumière, les modèles soustractifs (CMYK) en absorbant la lumière. Les modèles perceptuels (Lab) s'alignent sur la vision humaine.
Modèle additif
RGB combine la lumière rouge, verte et bleue. L'ajout des trois à intensité maximale crée du blanc. C'est ainsi que fonctionnent les écrans, les projecteurs et les affichages numériques.
Modèle soustractif
CMYK absorbe (soustrait) les longueurs d'onde de la lumière du blanc. La combinaison de toutes les couleurs crée (en théorie) du noir. C'est ainsi que fonctionnent les encres et les peintures.
Modèle perceptuel
Lab et espaces similaires sont conçus autour de la perception humaine, ce qui les rend idéaux pour la comparaison et la correction des couleurs.
Notes sur la conversion
- RGB ↔ HEX : Conversion sans perte, changement de format uniquement
- RGB ↔ HSL/HSV : Sans perte dans la gamme, peut perdre de la précision
- RGB ↔ CMYK : Peut perdre des couleurs en dehors de la gamme imprimable
- RGB ↔ Lab : Utilise l'illuminant D65, suppose l'espace colorimétrique sRGB
- RGB ↔ YCbCr : Utilise la norme BT.601 par défaut
Normes de contraste WCAG
Les directives d'accessibilité du contenu Web (WCAG) définissent les exigences minimales de contraste entre le texte et l'arrière-plan pour garantir que tous les utilisateurs, y compris ceux ayant des déficiences visuelles, puissent lire le contenu.