Convertir les codes couleur – Exemples C# et convertisseur en ligne

Analyser les couleurs

Aspose.SVG pour .NET API propose une bibliothèque C# haute vitesse que vous pouvez utiliser pour différentes tâches d’analyse SVG. L’une des fonctionnalités de l’API est l’accès facile pour travailler avec plusieurs espaces colorimétriques. La classe Color vous permet d’analyser les couleurs (telles que RGB, HEX, HSL, HWB, CMYK, NCOL, LCH, OKLCH, LAB, OKLAB) à partir d’une représentation sous forme de chaîne et de les convertir dans l’espace colorimétrique souhaité. Les codes de couleurs et les formats jouent un rôle crucial dans divers domaines tels que le web design, le graphisme, la photographie, l’art et bien plus encore. Différentes tâches peuvent nécessiter différents formats de couleurs, d’où la nécessité d’une fonctionnalité de conversion des couleurs.

Convertisseur de couleurs en ligne

Les couleurs peuvent être spécifiées sous forme de noms de couleurs courants ou définies dans des codes HEX populaires ou des valeurs RGB, HSL, HSV, LAB, HWB, CMYK, LCH, XYZ et NCOL. Et pour différentes tâches, différents formats de couleurs sont privilégiés. Vous pouvez convertir les codes couleur en différents formats les plus populaires de n’importe quelle manière : en ligne ou par programme ! Il vous suffit de saisir la valeur de couleur pour la conversion ! Cliquez à l’intérieur de la zone de couleur pour sélectionner une couleur ou entrez un code de couleur dans la zone de texte de saisie. Vous verrez immédiatement d’autres codes de couleur pour la couleur choisie dans la section Output.

Comment convertir les codes de couleur

Si vous souhaitez utiliser les fonctions de conversion dans votre produit ou convertir par programme les codes de couleur, consultez l’exemple de code C# ci-dessous. Ici, nous convertissons HEX en RGB. La conversion des couleurs peut être effectuée avec quelques lignes de code :

La méthode FromString("#ff31ca") de la classe Color est utilisée pour analyser le code couleur HEX à partir de sa représentation sous forme de chaîne et renvoie une instance color.
La méthode ToRgbString() est utilisée pour convertir la couleur de HEX vers l’espace colorimétrique RGB. Le format est : rgb(0, 0, 0).
Le résultat de la valeur de couleur RGB est imprimé sur la console à l’aide de Console.WriteLine(rgbColor).

L’extrait de code suivant illustre comment convertir HEX en RGB :

 1using Aspose.Svg;
 2using System.IO;
 3using Aspose.Svg.Dom;
 4...
 5
 6    // Parse HEX color from a string
 7    var color = Color.FromString("#ff31ca");
 8
 9    // Convert HEX to RGB 
10    string rgbColor = color.ToRgbString();
11
12    // Print result to console
13    Console.WriteLine(rgbColor);
14    //result should be: rgb(255, 49, 202)

L’article Couleur SVG examine comment le texte et les formes SVG peuvent être colorisés. Vous trouverez un aperçu de la façon dont la couleur est définie, y compris les différentes manières dont vous pouvez contrôler la transparence du contenu SVG.

L’article Comment changer la couleur SVG montre comment travailler avec la couleur SVG à l’aide de la bibliothèque Aspose.SVG pour .NET et explique comment changer la couleur SVG des éléments ou changer la couleur d’arrière-plan dans les fichiers SVG.

Codes couleurs

L’espace colorimétrique RGB (Red, Green, Blue) comprend toutes les couleurs possibles qui peuvent être obtenues en mélangeant le rouge, le vert et le bleu. Ce modèle de couleur est populaire en photographie, à la télévision et en infographie. Les valeurs RGB sont spécifiées sous forme d’entier compris entre 0 et 255. Ainsi, par exemple, rgb(255,0,0) s’affiche en rouge. Le paramètre rouge est réglé sur sa valeur la plus élevée (255) et les autres sont réglés sur 0.
La bibliothèque Aspose.SVG C# prend en charge les pourcentages RGB (de 0 % à 100 %). Par exemple, rgb(100%,0,0) s’affiche en rouge.

Les codes HEX (#RRGGBB) sont les codes de couleur les plus utilisés. C’est parce qu’ils sont simples et faciles à comprendre. Les codes HEX ne sont rien de plus qu’une représentation hexadécimale du RGB. Le numéro de couleur à six chiffres est structuré en trois groupes de deux chiffres qui spécifient la quantité de rouge, de vert et de bleu dans la couleur additive. Chaque paire hexadécimale à deux chiffres peut avoir une valeur comprise entre 00 et FF. Cela donne plus de 16 millions de couleurs possibles. Si chacun des trois groupes contient des caractères, tels que #RRGGBB, alors ils peuvent être écrits sous la forme #RGB. Les valeurs de couleur hexadécimales sont prises en charge dans tous les navigateurs.

HSL (Hue, Saturation, Lightness) est une représentation du modèle de couleur RGB en coordonnées cylindriques. La teinte est n’importe quelle couleur sur la roue chromatique ; c’est un degré sur la roue chromatique de 0 à 360. Donc, 0 est rouge, 120 est vert, 240 est bleu. La saturation est l’intensité ou la pureté d’une couleur. Cela détermine la vivacité de la couleur. Par exemple, zéro pour cent correspond au gris et 100 pour cent correspond à une couleur entièrement saturée. La légèreté est la quantité de luminosité ou de couleur claire. La luminosité détermine la quantité de teinte noire ou blanche de la couleur. Par exemple, 50 pour cent n’ont aucune teinte, zéro pour cent est entièrement noir et 100 pour cent est entièrement blanc.

HSV signifie Hue, Saturation et Value (valeur de luminosité). HSV est similaire au HSL, mais ce sont deux modèles de couleurs différents. Ils sont tous deux basés sur des géométries cylindriques, mais HSV est basé sur le modèle «hexcone», tandis que HSL est basé sur le modèle «bi-hexcone». La sélection d’une couleur HSV commence par la sélection de l’une des teintes disponibles, puis par l’ajustement des valeurs de teinte et de luminosité. Hue définit la position de la couleur sur la roue chromatique (de 0 à 360). La saturation est une valeur de pourcentage de saturation (de 0 % à 100 %). La luminosité est un pourcentage de luminosité (de 0 % à 100 %).

Comme les coordonnées géographiques – longitude, latitude et hauteur – les valeurs de couleur LAB nous permettent de détecter les couleurs. LAB utilise trois axes : L – Luminosité, a* – de la valeur rouge à la valeur verte et b* – de la valeur bleue à la valeur jaune. La Légèreté est exprimée en pourcentage et peut dépasser 100 %. Les valeurs des axes a et b peuvent varier de positives à négatives. Il est généralement limité à la plage de -128 à 127 pour être utilisé avec des valeurs de code entières. Il est recommandé d’utiliser l’espace colorimétrique LAB et les codes de couleur LAB si vous souhaitez que la couleur à l’écran soit la même que lors de l’impression sur papier.

LCH signifie Lightness, Chroma et Hue. Comme pour LAB, la légèreté peut être un pourcentage supérieur à 100 %. Les composants de couleur du modèle de couleur LCH correspondent vaguement à ceux du HSL. Semblable au HSL, la teinte peut être comprise entre 0 et 360. Cependant, les angles de teinte LCH ne correspondent pas entièrement aux mêmes valeurs de teinte du HSL. La chroma représente la quantité de couleur, et nous pouvons la considérer comme similaire à la saturation en HSL. Mais la saturation peut dépasser 100 – en fait, elle est théoriquement illimitée. L’espace colorimétrique LCH comme LAB est perceptuellement uniforme, ce qui signifie que le changement numérique exact des coordonnées dans l’espace colorimétrique donne la même différence perceptuelle entre les couleurs.

HWB signifie teinte, blancheur et noirceur. Le HWB est très similaire aux modèles de couleurs HSV (Hue, Saturation, Value) et HSL (Hue, Saturation, Lightness), sauf que ni HSV ni HSL ne fournissent de saturation du blanc. Comme HSL et HSV, la teinte peut être comprise entre 0 et 360. Les deux autres arguments contrôlent la quantité de blanc ou de noir mélangée à cette teinte, jusqu’à 100 % (ce qui donnerait une couleur totalement blanche ou noire). HWB est particulièrement utile pour créer des palettes de couleurs monochromes. HWB n’est pas encore pris en charge en HTML, mais il est suggéré comme nouveau standard en CSS4.

Le modèle de couleur XYZ (CIE 1931 XYZ) est un espace purement mathématique basé sur les résultats de la version CIE RGB de l’œil humain. Contrairement aux modèles RGB, CMJN et autres, dans XYZ, les composants principaux sont hypothétiques, ce qui signifie que vous ne pouvez pas mapper X, Y et Z à un ensemble de couleurs à mélanger. Ces couleurs ne correspondent à aucune longueur d’onde réelle de la lumière. XYZ est un schéma additif d’espaces colorimétriques puisqu’il définit les quantités de trois stimuli fournis à l’œil (les trois primaires). XYZ est largement utilisé dans les travaux scientifiques et les domaines techniques. Les descriptions des couleurs dans d’autres espaces colorimétriques sont souvent liées à leur représentation dans cet espace.

Les valeurs de couleur RGBA (Red, Green, Blue et Alpha) sont une extension des valeurs de couleur RGB avec un canal alpha qui détermine l’opacité de la couleur. Le paramètre alpha est un nombre compris entre 0,0 et 1,0 qui spécifie la transparence. Par exemple, rgba(255, 0, 0) s’affiche en rouge pur, rgba(255, 0, 0, 0.5) s’affiche en rouge avec une opacité de 50 %. Pour une valeur RGBA, contrairement aux valeurs RGB, il n’y a pas de notation hexadécimale.

Semblable à RGB/RGBA, HSL dispose d’un mode HSLA avec prise en charge d’un canal alpha pour spécifier l’opacité des couleurs. La valeur de couleur HSLA (Hue, Saturation, Lightness, Alpha) est spécifiée avec la teinte, la saturation, la luminosité et l’alpha, où le paramètre alpha spécifie l’opacité. Le paramètre alpha est un nombre compris entre 0,0, signifiant «entièrement transparent» et 1,0, signifiant «entièrement opaque». Par exemple, hsla(0, 100%, 50%, 1) s’affiche en rouge pur, hsla(0, 100%, 50%, 0.5) s’affiche en rouge avec une opacité de 50 %.

Les couleurs CMYK sont une combinaison de cyan, magenta, jaune et noir. Ce modèle est dit soustractif, car les encres soustraient les couleurs du blanc. CMJN est l’un des modèles de couleurs les plus populaires. Le modèle de couleur CMJN est utilisé dans les encres d’impression pour papier. Ce modèle comprend de nombreuses couleurs, mais le nombre de couleurs est limité par rapport au RGB. Le CMJN est largement utilisé lors de la création de conceptions pour l’impression afin de garantir que les couleurs souhaitées sont exactes et jamais pour les feuilles de style ou HTML. Le CMJN n’est pas pris en charge en HTML, mais il est suggéré comme nouveau standard en CSS4.

Convertisseurs de couleurs est une application en ligne gratuite permettant de transformer les couleurs entre les formats de couleurs. Entrez simplement le code couleur et obtenez le résultat immédiatement! Vous n’avez besoin d’aucun logiciel supplémentaire. Essayez notre puissant convertisseur de couleurs dès maintenant!

Comment changer la couleur SVG Comment fusionner des fichiers SVG