Farbcodes konvertieren – C#-Beispiele und Online-Konverter

Farben analysieren

Aspose.SVG für .NET API bietet eine Hochgeschwindigkeits-C#-Bibliothek, die Sie für verschiedene SVG-Analyseaufgaben verwenden können. Eine der API-Funktionen ist der einfache Zugriff auf die Arbeit mit mehreren Farbräumen. Mit der Klasse Color können Sie Farben (z. B. RGB, HEX, HSL, HWB, CMYK, NCOL, LCH, OKLCH, LAB, OKLAB) aus einer Zeichenfolgendarstellung analysieren und in den gewünschten Farbraum konvertieren. Farbcodes und Formate spielen in verschiedenen Bereichen wie Webdesign, Grafikdesign, Fotografie, Kunst und mehr eine entscheidende Rolle. Unterschiedliche Aufgaben erfordern möglicherweise unterschiedliche Farbformate, weshalb eine Farbkonvertierungsfunktion erforderlich ist.

Online-Farbkonverter

Farben können als allgemeine Farbnamen angegeben oder in gängigen HEX-Codes oder RGB-, HSL-, HSV-, LAB-, HWB-, CMYK-, LCH-, XYZ- und NCOL-Werten definiert werden. Und für unterschiedliche Aufgaben werden unterschiedliche Farbformate bevorzugt. Sie können Farbcodes auf beliebige Weise in verschiedene gängige Formate konvertieren – online oder programmgesteuert! Für die Umrechnung müssen Sie lediglich den Farbwert eingeben! Klicken Sie in den Farbbereich, um eine Farbe auszuwählen, oder geben Sie einen Farbcode in das Eingabetextfeld ein. Im Abschnitt “Output” werden Ihnen sofort andere Farbcodes für die ausgewählte Farbe angezeigt.

So konvertieren Sie Farbcodes

Wenn Sie die Konvertierungsfunktionen in Ihrem Produkt verwenden oder Farbcodes programmgesteuert konvertieren möchten, sehen Sie sich das C#-Codebeispiel unten an. Hier konvertieren wir HEX in RGB. Die Farbkonvertierung kann mit wenigen Codezeilen durchgeführt werden:

Die Methode FromString("#ff31ca") der Color-Klasse wird verwendet, um den HEX-Farbcode aus seiner String-Darstellung zu analysieren und eine color-Instanz zurückzugeben.
Die Methode ToRgbString() wird verwendet, um die Farbe von HEX in den RGB-Farbraum zu konvertieren. Das Format ist: rgb(0, 0, 0).
Das Ergebnis des RGB-Farbwerts wird mit Console.WriteLine(rgbColor) auf die Konsole gedruckt.

Der folgende Codeausschnitt veranschaulicht, wie man HEX in RGB konvertiert:

 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)

Im Artikel SVG-Farbe wird untersucht, wie SVG-Texte und -Formen eingefärbt werden können. Sie finden einen Überblick darüber, wie Farbe definiert wird, einschließlich der verschiedenen Möglichkeiten, die Transparenz von SVG-Inhalten zu steuern.

Der Artikel So ändern Sie die SVG-Farbe zeigt, wie Sie mit der Aspose.SVG für .NET-Bibliothek mit SVG-Farben arbeiten und wie Sie die SVG-Farbe von Elementen oder die Hintergrundfarbe in SVG-Dateien ändern.

Farbcodes

Der RGB (Red, Green, Blue)-Farbraum besteht aus allen möglichen Farben, die durch Mischen von Rot, Grün und Blau erhalten werden können. Dieses Farbmodell ist in der Fotografie, im Fernsehen und in der Computergrafik beliebt. RGB-Werte werden als Ganzzahl zwischen 0 und 255 angegeben. So wird beispielsweise rgb(255,0,0) als Rot angezeigt. Der rote Parameter wird auf seinen höchsten Wert (255) gesetzt und der Rest wird auf 0 gesetzt.
Die C#-Bibliothek Aspose.SVG unterstützt RGB-Prozentsätze (von 0 % bis 100 %). Beispielsweise wird rgb(100%,0,0) rot angezeigt.

HEX (#RRGGBB)-Codes sind die am häufigsten verwendeten Farbcodes. Das liegt daran, dass sie einfach und leicht verständlich sind. HEX-Codes sind nichts anderes als eine hexadezimale Darstellung von RGB. Die sechsstellige Farbnummer ist in drei Gruppen zu je zwei Ziffern gegliedert, die den Anteil von Rot, Grün und Blau in der additiven Farbe angeben. Jedes zweistellige Hexadezimalpaar kann einen Wert von 00 bis FF haben. Dies ergibt über 16 Millionen mögliche Farben. Wenn jede der drei Gruppen Zeichen wie #RRGGBB enthält, können sie als #RGB geschrieben werden. Hexadezimale Farbwerte werden in allen Browsern unterstützt. HSL (Hue, Saturation, Lightness) ist eine Darstellung des RGB-Farbmodells in Zylinderkoordinaten. Farbton ist eine beliebige Farbe im Farbkreis; Es ist ein Grad auf dem Farbkreis von 0 bis 360. 0 ist also Rot, 120 ist Grün, 240 ist Blau. Sättigung ist die Intensität oder Reinheit einer Farbe. Es bestimmt, wie lebendig die Farbe sein wird. Null Prozent ist beispielsweise Grau und 100 Prozent ist eine vollständig gesättigte Farbe. Helligkeit ist die Menge an Helligkeit oder Licht in der Farbe. Die Helligkeit bestimmt, wie viel Schwarz- oder Weißstich die Farbe hat. Beispielsweise haben 50 Prozent keine Tönung, null Prozent sind vollständig schwarz und 100 Prozent sind vollständig weiß.

HSV steht für Hue, Saturation und Value (Helligkeitswert). HSV ähnelt HSL, es handelt sich jedoch um zwei unterschiedliche Farbmodelle. Sie basieren beide auf zylindrischen Geometrien, HSV basiert jedoch auf dem „Hexcone“-Modell, während HSL auf dem „Bi-Hexcone“-Modell basiert. Die Auswahl einer HSV-Farbe beginnt mit der Auswahl eines der verfügbaren Farbtöne und der anschließenden Anpassung der Farbton- und Helligkeitswerte. Farbton legt die Position der Farbe im Farbkreis fest (von 0 bis 360). Sättigung ist ein Sättigungsprozentwert (von 0 % bis 100 %). Helligkeit ist ein Helligkeitsprozentsatz (von 0 % bis 100 %).

Wie geografische Koordinaten – Längengrad, Breitengrad und Höhe – bieten uns die Farbwerte LAB eine Möglichkeit, Farben zu erkennen. LAB verwendet drei Achsen: L – Helligkeit, a* – vom Rot- zum Grünwert und b* – vom Blau- zum Gelbwert. Die Helligkeit wird als Prozentsatz ausgedrückt und kann 100 % überschreiten. Die Werte für die a- und b-Achse können von positiv bis negativ reichen. Für die Verwendung mit ganzzahligen Codewerten wird er üblicherweise auf den Bereich von –128 bis 127 begrenzt. Die Verwendung des LAB-Farbraums und der LAB-Farbcodes wird empfohlen, wenn Sie möchten, dass die Farbe auf dem Bildschirm genauso aussieht wie auf Papier gedruckt.

LCH steht für Lightness, Chroma und Hue. Wie bei LAB kann die Helligkeit einen Prozentsatz von mehr als 100 % annehmen. Die Farbkomponenten im LCH-Farbmodell entsprechen weitgehend den HSLs. Ähnlich wie bei HSL kann der Farbton im Bereich zwischen 0 und 360 liegen. Allerdings entsprechen die LCH-Farbtonwinkel nicht vollständig den Farbtonwerten derselben HSL. Chroma stellt die Farbmenge dar und wir können sie uns ähnlich wie die Sättigung in HSL vorstellen. Aber die Farbsättigung kann 100 überschreiten – theoretisch ist sie unbegrenzt. Der LCH-Farbraum ist wie LAB wahrnehmungsmäßig einheitlich, was bedeutet, dass die exakte numerische Änderung der Koordinaten im Farbraum den gleichen wahrnehmungsmäßigen Unterschied zwischen den Farben ergibt.

HWB steht für Farbton, Weißheit und Schwarzheit. Der HWB ist den Farbmodellen HSV (Hue, Saturation, Value) und HSL (Hue, Saturation, Lightness) sehr ähnlich, mit der Ausnahme, dass weder HSV noch HSL eine Weißsättigung bieten. Wie bei HSL und HSV kann der Farbton irgendwo im Bereich von 0 bis 360 liegen. Die anderen beiden Argumente steuern, wie viel Weiß oder Schwarz in diesen Farbton gemischt wird, bis zu 100 % (was zu einer vollständig weißen oder schwarzen Farbe führen würde). HWB eignet sich besonders zum Erstellen monochromer Farbpaletten. HWB wird in HTML noch nicht unterstützt, wird aber als neuer Standard in CSS4 vorgeschlagen.

Das XYZ-Farbmodell (CIE 1931 XYZ) ist ein rein mathematischer Raum, der auf den Ergebnissen der CIE RGB-Version des menschlichen Auges basiert. Im Gegensatz zu RGB, CMYK und anderen Modellen sind in XYZ die Primärkomponenten hypothetisch, was bedeutet, dass Sie X, Y und Z keinem zu mischenden Farbsatz zuordnen können. Diese Farben entsprechen keiner realen Lichtwellenlänge. XYZ ist ein additives Schema von Farbräumen, da es die Mengen dreier Reize definiert, die dem Auge zugeführt werden (die drei Primärfarben). XYZ wird häufig in wissenschaftlichen Arbeiten und technischen Bereichen verwendet. Farbbeschreibungen in anderen Farbräumen beziehen sich oft auf ihre Darstellung in diesem Raum. RGBA-Farbwerte (Red, Green, Blue und Alpha) sind eine Erweiterung der RGB-Farbwerte mit einem Alphakanal, der die Deckkraft der Farbe bestimmt. Der Alpha-Parameter ist eine Zahl zwischen 0,0 und 1,0, die Transparenz angibt. Beispielsweise wird rgba(255, 0, 0) als reines Rot angezeigt, rgba(255, 0, 0, 0,5) wird als Rot mit 50 % Deckkraft angezeigt. Für einen RGBA-Wert gibt es im Gegensatz zu RGB-Werten keine hexadezimale Schreibweise.

Ähnlich wie RGB/RGBA verfügt HSL über einen HSLA-Modus mit Unterstützung für einen Alphakanal zur Angabe der Farbdeckkraft. Der HSLA-Farbwert (Hue, Saturation, Lightness, Alpha) wird mit Farbton, Sättigung, Helligkeit und Alpha angegeben, wobei der Alpha-Parameter die Deckkraft angibt. Der Alpha-Parameter ist eine Zahl zwischen 0,0, was „vollständig transparent“ bedeutet, und 1,0, was „vollständig undurchsichtig“ bedeutet. Beispielsweise wird hsla(0, 100 %, 50 %, 1) als reines Rot angezeigt, hsla(0, 100 %, 50 %, 0,5) wird als Rot mit 50 % Deckkraft angezeigt.

CMYK (Cyan, Magenta, Yellow und blacK)-Farben sind eine Kombination aus Cyan, Magenta, Gelb und Schwarz. Dieses Modell wird als subtraktiv bezeichnet, da Tinten die Farben von Weiß subtrahieren. CMYK ist eines der beliebtesten Farbmodelle. Das CMYK-Farbmodell wird in Druckfarben für Papier verwendet. Dieses Modell umfasst viele Farben, die Anzahl der Farben ist jedoch im Vergleich zu RGB begrenzt. CMYK wird häufig beim Erstellen von Druckdesigns verwendet, um sicherzustellen, dass die gewünschten Farben korrekt sind, und niemals für Stylesheets oder HTML. CMYK wird in HTML nicht unterstützt, wird aber in CSS4 als neuer Standard vorgeschlagen.

Color Converter ist eine kostenlose Online-Anwendung zum Konvertieren von Farben zwischen Farbformaten. Geben Sie einfach den Farbcode ein und erhalten Sie sofort das Ergebnis! Sie benötigen keine zusätzliche Software. Probieren Sie jetzt unseren leistungsstarken Farbkonverter aus!

So ändern Sie die SVG-Farbe So führen Sie SVG-Dateien zusammen