01
Farbe (#RGB, #RRGGBB oder rgb(r, g, b))
#635bff
Web EIN KLEINER HELFER
Farbkonverter.
Nutze dieselbe Farbe in dem Format, das du gerade brauchst. Aus einer HEX- oder RGB-Angabe entstehen direkt drei gängige Darstellungen.
VORHER. NACHHER. KLARER.
So sieht das aus.
Ein Beispiel aus dem Toolkatalog, direkt zum Nachvollziehen.
02
Ergebnis
HEX: #635BFF RGB: rgb(99, 91, 255) HSL: hsl(242.9, 100%, 67.8%)
Mit dem tatsächlichen Werkzeug und den oben gezeigten Einstellungen berechnet.
IN DREI SCHRITTEN
So verwendest du das Tool.
- Füge #RGB, #RRGGBB oder rgb(r, g, b) mit ganzzahligen Kanälen ein.
- Lass das Format automatisch erkennen oder wähle HEX beziehungsweise RGB ausdrücklich.
- Kopiere die passende HEX-, RGB- oder HSL-Zeile in dein Stylesheet oder deine Dokumentation.
GUT ZU WISSEN
Was es kann. Wo es aufhört.
RGB-Kanäle liegen zwischen 0 und 255. Alpha-Werte, benannte Farben, HSL als Eingabe und weitere Farbräume werden nicht unterstützt. Die HSL-Ausgabe wird gerundet; ein Kontrast- oder Barrierefreiheitstest erfolgt nicht.
Die Verarbeitung erfolgt auf unserem Server. Tool-Eingaben werden nicht in der Anwendungsdatenbank gespeichert. Weitere Angaben findest du im Datenschutz.
FÜR DEINEN NÄCHSTEN HANDGRIFF
Wann hilft dir das?
Wenn ein Designentwurf HEX liefert, dein CSS aber RGB oder HSL braucht, oder wenn du einen Farbwert in einer technischen Dokumentation vereinheitlichen möchtest.
Warum wird aus #abc eine längere Farbe?
Die Kurzform verdoppelt jede Hexziffer. #abc entspricht deshalb #AABBCC. Beide Schreibweisen beschreiben denselben RGB-Farbwert.