Ueberblick
Das Tool hilft bei Frontend-Styling, Design-QA, Komponenten-Dokumentation und Markenfarben. Eine Farbe reicht aus, um sofort die wichtigsten Darstellungen fuer Implementierung und Abstimmung zu sehen.
So funktioniert es
- 1
Farbe waehlen oder HEX-Code einfuegen.
- 2
Das Tool berechnet die passenden RGB- und HSL-Werte.
- 3
Die Formate fuer CSS, Dokumentation oder weitere Farbarbeit verwenden.
Beispiele
UI-Akzentfarbe
Eingabe: #0EA5E9
Ausgabe: HEX-, RGB- und HSL-Werte
Hilfreich, wenn eine Farbe in mehreren Formaten gebraucht wird.
Markenfarbe pruefen
Eingabe: #111827
Ausgabe: Dokumentationswerte fuer ein dunkles Neutral
Sinnvoll bei Theme-Updates und Design-Abgleichen.
FAQ
Welche Formate zeigt der Farbwähler?
Er zeigt HEX-, RGB- und HSL-Werte fuer die gewaehlte Farbe.
Kann ich einen eigenen HEX-Code einfuegen?
Ja. Nach Eingabe eines HEX-Codes werden die anderen Formate automatisch aktualisiert.