So funktioniert es
- 1Wählen Sie eine Farbe im Farbwähler oder geben Sie einen Wert ein, z. B. #c6f04f oder rgb(198, 240, 79).
- 2Lesen Sie HEX, RGB, HSL, HSV, CMYK und OKLCH ab.
- 3Kopieren Sie den gewünschten Wert mit einem Klick.
- 4Nutzen Sie Abstufungen und Farbharmonien für Ihre Palette.
Welches Farbformat wofür?
HEX und RGB sind die Standards im Web. HSL (Farbton, Sättigung, Helligkeit) eignet sich, um Farben gezielt heller oder dunkler zu machen. HSV/HSB kennen Sie aus Grafikprogrammen. CMYK ist das Farbmodell für den Druck. OKLCH ist ein modernes CSS-Format, das wahrgenommene Helligkeit gleichmäßig abbildet und sich besonders für Design-Systeme eignet.
Abstufungen und Farbharmonien
Zu jeder Farbe erzeugt das Tool zehn Abstufungen von hell bis dunkel – ideal für Hover-Zustände, Hintergründe und Rahmen – sowie Komplementär-, Analog- und Triadenfarben als Grundlage für ein stimmiges Farbschema.
Hinweis zu CMYK
Die CMYK-Werte sind eine rechnerische Umwandlung ohne Farbprofil. Für verbindliche Druckergebnisse stimmen Sie die Werte mit Ihrer Druckerei und deren Profil (z. B. ISO Coated v2 oder PSO Coated v3) ab.
Häufige Fragen
Wie rechne ich HEX in RGB um?
HEX-Wert eingeben – der RGB-Wert erscheint sofort. Jedes Zeichenpaar im HEX-Code entspricht einem Kanal (Rot, Grün, Blau) im Bereich 0 bis 255.
Werden CSS-Farbnamen erkannt?
Ja, Namen wie „tomato“ oder „rebeccapurple“ können direkt eingegeben werden.
Was ist OKLCH?
Ein Farbraum mit Helligkeit, Buntheit und Farbton, bei dem gleiche Zahlenabstände auch gleich wahrgenommen werden. Alle aktuellen Browser unterstützen oklch() in CSS.
Mit den Ergebnissen nicht zufrieden?
Sprechen Sie mit Webin Agency über schnelle, SEO-freundliche Websites, E-Commerce und Google-Ads-Betreuung.