Convertisseur de Couleurs
hex, rgb, oklch, hsl, hsv, lab, lch, xyz, oklab, couleurs x11

Un code couleur HEX, souvent appelé simplement « hex », est une représentation hexadécimale d'une couleur en web design et graphisme numérique. Il se compose d'un symbole « # » suivi d'une combinaison de six caractères, qui peuvent être des chiffres (0-9) et des lettres (A-F). Ces caractères représentent l'intensité des composants rouge, vert et bleu (RGB) de la couleur, permettant de spécifier une vaste gamme de couleurs avec précision. Les codes couleur HEX sont largement utilisés en HTML et CSS pour définir les couleurs des sites web, offrant une méthode standardisée aux designers et développeurs pour assurer une reproduction cohérente et précise des couleurs sur différentes plateformes et navigateurs.

Le code couleur HEXA est une extension du modèle de couleur HEX traditionnel qui intègre un canal Alpha. Alors que le code HEX standard définit le rouge, le vert et le bleu en utilisant six caractères (par exemple #RRGGBB), le HEXA ajoute deux caractères supplémentaires à la fin pour représenter la transparence (par exemple #RRGGBBAA). La valeur Alpha varie de 00 (complètement transparent) à FF (complètement opaque). Les codes HEXA sont de plus en plus utilisés dans le web design moderne car ils permettent aux développeurs de spécifier les couleurs avec transparence directement dans leurs feuilles de style avec une chaîne unique et concise.

Le code couleur HSL signifie Teinte (Hue), Saturation et Luminosité (Lightness). C'est une représentation alternative du modèle de couleur RGB, conçue pour être plus intuitive et mieux alignée sur la perception humaine des couleurs. HSL décompose la couleur en trois composants :

• Teinte (Hue) : Représente le type de couleur lui-même, comme le rouge, le bleu ou le jaune, mesuré en degrés sur le cercle chromatique (0-360).
• Saturation : Indique l'intensité ou la pureté de la couleur, de 0 % (niveaux de gris) à 100 % (couleur vive).
• Luminosité (Lightness) : Détermine si la couleur apparaît claire ou sombre, de 0 % (noir) à 100 % (blanc).

Les codes couleur HSL sont largement utilisés dans la conception web et l'art numérique, permettant aux concepteurs et développeurs d'ajuster facilement les propriétés des couleurs pour créer des schémas de couleurs harmonieux et des effets visuels.

Le code couleur HSLA, une extension du modèle de couleur HSL, ajoute un canal Alpha au mélange. HSLA signifie Teinte (Hue), Saturation, Luminosité (Lightness) et Alpha.

• Teinte (Hue) : Représente le type de couleur en degrés (0-360).
• Saturation : Mesure la pureté de la couleur (0 % à 100 %).
• Luminosité (Lightness) : Spécifie la luminosité (0 % pour le noir, 100 % pour le blanc).
• Alpha : Contrôle la transparence (0 pour complètement transparent, 1 pour complètement opaque).

Les codes couleur HSLA sont particulièrement utiles en conception web et graphisme, permettant aux designers de définir des couleurs avec des niveaux de transparence variables, améliorant ainsi le contrôle sur l'apparence visuelle et la superposition des éléments dans le contenu numérique.

Le code couleur HSV, qui signifie Teinte (Hue), Saturation et Valeur (Value), est un système de représentation des couleurs largement utilisé en design numérique et en informatique. Contrairement à HEX, qui se concentre sur les couleurs primaires rouge, vert et bleu, HSV considère différents aspects de la couleur :

• Teinte (Hue) : Représente le type de couleur, allant de 0 à 360 degrés autour du cercle chromatique.
• Saturation : Mesure l'intensité ou la pureté de la couleur, 0 % étant en niveaux de gris et 100 % étant totalement saturé.
• Valeur (Value) : Spécifie la luminosité de la couleur, 0 % étant noir et 100 % étant la couleur entièrement éclairée.

Les codes couleur HSV offrent un moyen intuitif de travailler avec les couleurs, permettant aux designers d'ajuster la teinte, la saturation et la luminosité pour obtenir les effets visuels souhaités dans diverses applications de conception numérique, y compris le web design et le graphisme.

Le code couleur HSVA, une extension du modèle de couleur HSV, introduit un canal Alpha, résultant en Teinte (Hue), Saturation, Valeur (Value) et Alpha.

• Teinte (Hue) : Définit le type de couleur avec des valeurs de 0 à 360 degrés.
• Saturation : Indique l'intensité de la couleur, allant de 0 % (niveaux de gris) à 100 % (totalement saturé).
• Valeur (Value) : Détermine la luminosité, avec 0 % comme noir et 100 % comme la couleur entièrement éclairée.
• Alpha : Contrôle la transparence, variant de 0 (complètement transparent) à 1 (totalement opaque).

Les codes couleur HSVA sont précieux en conception web, graphisme et art numérique, permettant une spécification précise des couleurs avec différents niveaux de transparence. Cette extension améliore le contrôle sur les aspects visuels et la superposition des éléments dans les créations numériques.

L'espace colorimétrique LAB (spécifiquement CIELAB ou CIE L*a*b*) est une norme de couleur définie par la Commission internationale de l'éclairage (CIE) en 1976. Il représente les couleurs avec trois dimensions : « L » pour la clarté (allant de 0 pour le noir à 100 pour le blanc), « a » pour la composante couleur vert-rouge et « b » pour la composante couleur bleu-jaune. Contrairement au RGB ou au CMYK, le LAB est conçu pour être indépendant de l'appareil, ce qui signifie qu'il définit les couleurs en fonction de la perception humaine plutôt que de la façon dont elles sont produites par un écran ou une imprimante spécifique. Cela en fait un espace intermédiaire crucial pour la conversion entre différents profils de couleur.

Le code couleur LCH signifie Luminosité (Lightness), Chroma et Teinte (Hue). C'est une représentation cylindrique de l'espace colorimétrique CIELAB (LAB), conçue pour être plus intuitive à comprendre. La « Luminosité » représente la clarté de la couleur, le « Chroma » indique l'intensité ou la saturation, et la « Teinte » spécifie la couleur elle-même (par exemple, rouge, bleu, vert) sous forme d'angle sur le cercle chromatique. Le LCH est particulièrement apprécié en design et colorimétrie pour son uniformité perceptive, ce qui signifie que les changements de valeurs numériques correspondent relativement bien aux changements visuels perçus par l'œil humain.

L'espace colorimétrique OKLAB est un espace colorimétrique perceptif conçu par Björn Ottosson en 2020. Il sert d'amélioration moderne par rapport à l'espace CIELAB traditionnel, visant à être simple à utiliser tout en corrigeant les défauts de l'uniformité perceptive du LAB, en particulier dans la gestion des teintes bleues qui peuvent apparaître violettes dans le LAB. OKLAB utilise trois coordonnées : « L » pour la luminosité perçue, « a » pour le vert-rouge et « b » pour le bleu-jaune. Sa précision perceptive supérieure le rend excellent pour des tâches telles que le mélange de couleurs, la génération de dégradés et le traitement d'images.

OKLCH est un espace colorimétrique qui combine l'uniformité perceptive d'OKLAB avec les coordonnées cylindriques intuitives de LCH (Luminosité, Chroma, Teinte). Il devient de plus en plus l'espace colorimétrique préféré pour le web design moderne et le CSS car il permet une manipulation des couleurs prévisible — comme la création de palettes harmonieuses ou l'ajustement de la luminosité sans décaler la teinte perçue — mieux que HSL ou le LCH standard. Il est pris en charge nativement dans le module couleur CSS moderne de niveau 4, permettant des schémas de couleurs plus dynamiques et accessibles.

Le code couleur RGB, abréviation de Rouge, Vert, Bleu, est une représentation numérique utilisée en design numérique et en informatique pour définir les couleurs. Il se compose de trois valeurs numériques, chacune allant de 0 à 255, représentant l'intensité des couleurs primaires rouge, vert et bleu. En ajustant ces valeurs, un large spectre de couleurs peut être créé. Les codes couleur RGB sont couramment utilisés dans diverses applications, notamment la conception web, le graphisme et l'édition d'images, pour spécifier et reproduire précisément les couleurs pour les affichages numériques, les images et le contenu.

Le code couleur RGBA, qui signifie Rouge, Vert, Bleu, Alpha, est un format de représentation des couleurs utilisé en design numérique et en informatique. C'est une extension du modèle de couleur RGB, où en plus de spécifier l'intensité des composants rouge, vert et bleu (RGB), un canal alpha est inclus. Le canal alpha contrôle la transparence ou l'opacité de la couleur, avec des valeurs allant de 0 (complètement transparent) à 1 (complètement opaque). Les codes couleur RGBA sont largement utilisés en conception web, graphisme et édition d'images pour définir des couleurs avec différents niveaux de transparence, ce qui est essentiel pour créer un contenu numérique visuellement attrayant et superposé.

L'espace colorimétrique XYZ, établi par la CIE (Commission internationale de l'éclairage) en 1931, est le modèle fondamental pour tous les systèmes modernes de gestion des couleurs. Il définit mathématiquement la relation entre les longueurs d'onde physiques de la lumière et la vision humaine des couleurs. Dans ce modèle, « Y » correspond à la luminance (luminosité), tandis que « X » et « Z » servent de composants virtuels pour décrire la chromaticité. Parce qu'il englobe toutes les couleurs visibles par l'œil humain, XYZ sert d'espace de référence standard pour la conversion des couleurs entre différents appareils et espaces colorimétriques.

Les couleurs X11 font référence à un ensemble normalisé de couleurs utilisées en informatique, en particulier dans le système X Window, une interface utilisateur graphique courante pour les systèmes d'exploitation basés sur Unix. La palette de couleurs X11 comprend 140 couleurs nommées, chacune avec une représentation de code hexadécimal (HEX) spécifique. Ces couleurs nommées fournissent un moyen cohérent et largement reconnu de spécifier les couleurs dans le développement logiciel, le web design et le graphisme. Les designers et développeurs utilisent souvent des noms de couleurs X11 comme « red », « blue » et « green » avec leurs valeurs HEX correspondantes pour assurer la cohérence des couleurs et la compatibilité entre différents systèmes et plateformes.