Farbwähler
Farben wählen und HEX-, RGB-, HSL-Codes erhalten
Läuft in Ihrem Browser
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Schnellfarben
Was ist ein Farbwähler?
Ein Farbwähler ist ein Online-Tool zum Auswählen von Farben und Abrufen von Codes in verschiedenen Formaten (HEX, RGB, HSL). Nützlich für Designer und Entwickler.
Anwendungsfälle
- Farben für Web- oder App-Design wählen
- HEX-, RGB-, HSL-Codes für CSS erhalten
- Farben für Marke oder Projekt finden
- Zwischen Farbformaten konvertieren
Wann nutzen?
Zum Auswählen von Farben, Abrufen von Codes oder Konvertieren von Formaten. Sehr nützlich für Webdesigner, UI/UX und Frontend.
Beispiele
Ein Markenblau
Eingabe
#1A6CF5
Ausgabe
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Eine warme Akzentfarbe
Eingabe
#F4A261
Ausgabe
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Fragen und Antworten
Was ist der Unterschied zwischen HEX, RGB und HSL?
Sie beschreiben dieselbe Farbe auf unterschiedliche Weise. HEX ist die kompakte Form, die in CSS verwendet wird, RGB gibt die Rot-, Grün- und Blauwerte von 0 bis 255 an, und HSL nutzt Farbton, Sättigung und Helligkeit, womit sich hellere oder dunklere Abstufungen leicht erzeugen lassen.
Wie kopiere ich einen Farbcode?
Wählen Sie eine Farbe und nutzen Sie dann die Kopieren-Schaltfläche neben dem HEX-, RGB- oder HSL-Wert, den Sie brauchen.
Warum kann die Rückumwandlung aus HSL eine leicht andere Farbe ergeben?
HSL-Werte werden auf ganze Zahlen gerundet, daher kann die Rückumwandlung in HEX um eine Stufe abweichen.