Welche Eingabeformate werden akzeptiert?

HEX (3 oder 6 Stellen, mit oder ohne #), rgb()/rgba() und hsl()/hsla().

Was ist der Unterschied zu einem einfachen Farbkonverter?

Dieses Tool konzentriert sich auf die Entwicklerausgabe — einfügefertiger Code für CSS, SwiftUI, Android und Flutter sowie HSV und CMYK.

Ist das CMYK für den Druck geeignet?

Es ist eine standardmäßige mathematische Umrechnung. Für eine genaue Druckausgabe verwenden Sie ein Farbverwaltungsprofil Ihres Druckdienstleisters.

Farbton, Sättigung, Wert — ein Modell, das manche Design-Tools HSB nennen. Praktisch zum Auswählen und Anpassen von Farben.

Wird meine Farbe hochgeladen?

Nein. Alles wird in Ihrem Browser konvertiert und nichts verlässt Ihr Gerät.

Farbformat-Konverter

Farbe

Werte

HEX#3498DB

RGB52, 152, 219

HSL204, 70%, 53%

HSV204, 76%, 86%

CMYK76, 31, 0, 14

Code-Snippets

CSS hex#3498db

CSS rgb()rgb(52, 152, 219)

CSS hsl()hsl(204, 70%, 53%)

SwiftUIColor(red: 0.204, green: 0.596, blue: 0.859)

Android XML<color name="color">#3498DB</color>

FlutterColor(0xFF3498DB)

Fügen Sie eine Farbe in HEX, RGB oder HSL ein und dieser Konverter zeigt sie in jedem gängigen Format — HEX, RGB, HSL, HSV und CMYK — und erzeugt kopierfertigen Code für CSS, SwiftUI, Android und Flutter. Er richtet sich an Entwickler, die dieselbe Farbe in einer anderen Syntax benötigen. Alles läuft in Ihrem Browser.

So wird es verwendet

Fügen Sie eine Farbe im Format HEX, rgb() oder hsl() ein.
Lesen Sie die Werte in jedem Format aus der Live-Vorschau ab.
Kopieren Sie das Snippet für die Plattform, auf der Sie arbeiten.

Wie es funktioniert

Die Eingabe wird in die Rot-, Grün- und Blau-Komponenten zerlegt, unabhängig von der verwendeten Syntax. Aus diesen Werten berechnet das Tool die anderen Modelle: HSL und HSV beschreiben Farbton, Sättigung und Helligkeit/Wert, während CMYK das druckorientierte Cyan-Magenta-Gelb-Schwarz-Modell ist. Jedes Plattform-Snippet wird dann in der genauen Syntax der jeweiligen Sprache geschrieben, sodass Sie es direkt in Ihren Code einfügen können.

Funktionen

Fünf Farbmodelle

Sehen Sie HEX, RGB, HSL, HSV und CMYK für jede Farbe auf einmal.

Kopierfertiger Code

Erhalten Sie CSS-, SwiftUI-, Android-XML- und Flutter-Snippets.

Flexible Eingabe

Akzeptiert HEX (3 oder 6 Stellen), rgb() und hsl().

Privat und sofort

Alle Konvertierungen laufen in Ihrem Browser; nichts wird hochgeladen.

Wann es einsetzen

Webentwicklung

Eine Farbe für CSS zwischen hex, rgb() und hsl() wechseln.

Mobile Apps

Das richtige Farbliteral für SwiftUI, Android oder Flutter ermitteln.

Druck

Den CMYK-Aufschluss für druckorientierte Arbeiten lesen.

Design zu Code

Eine Design-Farbe in den genauen benötigten Code übersetzen.

Hinweise

HSV wird in einigen Design-Tools auch als HSB bezeichnet.
CMYK hier ist eine einfache mathematische Umrechnung, kein Farbverwaltungsprofil.
Android- und Flutter-Snippets setzen eine vollständig opake Farbe voraus.
Alle Konvertierungen laufen auf Ihrem Gerät; nichts wird hochgeladen.

Häufig gestellte Fragen

Welche Eingabeformate werden akzeptiert?: HEX (3 oder 6 Stellen, mit oder ohne #), rgb()/rgba() und hsl()/hsla().
Was ist der Unterschied zu einem einfachen Farbkonverter?: Dieses Tool konzentriert sich auf die Entwicklerausgabe — einfügefertiger Code für CSS, SwiftUI, Android und Flutter sowie HSV und CMYK.
Ist das CMYK für den Druck geeignet?: Es ist eine standardmäßige mathematische Umrechnung. Für eine genaue Druckausgabe verwenden Sie ein Farbverwaltungsprofil Ihres Druckdienstleisters.
Was ist HSV?: Farbton, Sättigung, Wert — ein Modell, das manche Design-Tools HSB nennen. Praktisch zum Auswählen und Anpassen von Farben.
Wird meine Farbe hochgeladen?: Nein. Alles wird in Ihrem Browser konvertiert und nichts verlässt Ihr Gerät.