Farb-Tools

Visueller Farbwähler mit Konvertierung in HEX, RGB, HSL, HSV, CMYK, HWB und CIE LAB. Bidirektionale Eingaben, WCAG-Kontrastprüfung, CSS-Variablen-Ausgabe - Kostenloser Online-Farbwähler.

Geben Sie eine HEX- oder RGB-Farbe ein und finden Sie sofort den nächsten benannten Farbnamen aus über 300 CSS-, X11- und Pantone-Farben. Suche nach Name oder Durchsuchen der gesamten Datenbank - Kostenloser Online-Farbnamen-Finder.

Berechnen Sie das WCAG-2.1-Kontrastverhältnis und prüfen Sie die AA/AAA-Konformität für normalen Text, großen Text und UI-Komponenten - Live-Vorschau, HEX- und RGB-Eingabe. Kostenloser Online-Kontrastprüfer.

Berechnen Sie den wahrnehmbaren Farbunterschied (ΔE 2000 / CIEDE2000) zwischen zwei Farben - geben Sie HEX- oder RGB-Werte ein und erhalten Sie den Delta-E-Score mit visuellem Vergleich und CIE-L*a*b*-Aufschlüsselung. Kostenloser Online-Farbdifferenz-Rechner.

Erzeugen Sie Tints (mit Weiß gemischt) und Shades (mit Schwarz gemischt) aus jeder Grundfarbe - 5-12 Stufen, CSS-Variablen, Tailwind-Konfiguration und HEX-Listen-Export. Kostenloser Online-Tint- und Shade-Generator.

Durchsuchbare Referenz aller Material Design 3 (Material You) Farbtokens - Farbrollen, tonale Paletten, CSS-Variablennamen und Werte für helle/dunkle Themes. Klicken Sie auf eine Fläche zum Kopieren.

Erstellen Sie lineare, radiale und konische CSS-Verläufe visuell: Farbstopps wählen, Positionen festlegen, Richtung bestimmen und den CSS-background-Wert sofort kopieren. Bis zu 8 Stopps - kostenloser Online-Farbverlauf-Generator.

Mischen Sie zwei beliebige Farben in einem eigenen Verhältnis im Modus sRGB, Linear oder Oklab – Ergebnis in HEX, RGB, HSL und HSV mit einer 11-stufigen Verlaufvorschau. Kostenloser Online-Farbmischer.

Rechnen Sie jeden Kelvin-Wert (1000 K-10000 K) in die ungefähre RGB- und HEX-Farbe um – interaktive Skala, 12 Lichtquellen-Voreinstellungen, RGB-Kanalaufschlüsselung. Kostenloser Online-Farbtemperatur-Konverter.

Wandeln Sie jede Farbpalette des Hellmodus in Dunkelmodus-Entsprechungen um – mit WCAG-Kontrastprüfung, drei Anpassungsmodi sowie Export als CSS-Variablen und Tailwind-Konfiguration. Kostenloser Online-Dunkelmodus-Adapter.

Suchen, filtern und kopieren Sie alle 148 benannten CSS-Farben mit HEX-, RGB- und HSL-Werten. Filter nach 12 Farbfamilien - kostenlose Online-Referenz benannter CSS-Farben.

Erfahren Sie, was jede wichtige Farbe in Marketing und Design bedeutet – psychologische Assoziationen, kultureller Kontext, Branding-Einsatz und Design-Tipps für 12 Farbfamilien. Durchsuchbar. Kostenlose Online-Referenz zur Farbpsychologie.

Rechnen Sie HEX in HSL, RGB in HSL und zwischen allen Farbformaten sofort um. Bidirektionale Eingaben – HEX, RGB, HSL, HSV und einzelne Kanalwerte. Kostenloser Online-HEX-zu-HSL-Rechner.

Suchen und kopieren Sie Markenfarben von über 200 großen Marken – Apple, Google, Meta, Nike und mehr. HEX- und RGB-Werte, 10 Branchenkategorien - kostenlose Online-Markenfarben-Suche.

Erzeugen Sie Zufallsfarben mit einem Klick – zeigt HEX, RGB, HSL, CMYK und HWB. Sperren Sie Farbton, Sättigung oder Helligkeit. Legen Sie Min-/Max-Bereiche fest. Bis zu 50 Farben im Stapel erzeugen - kostenloser Online-Zufallsfarben-Generator.

Interaktiver Farbkreis: Klicken Sie auf eine beliebige Position, um komplementäre, analoge, triadische, tetradische und monochromatische Harmonien zu erkunden – mit Export als CSS-Variablen. Kostenloser Online-Farbharmonien-Explorer.

Erzeugen Sie einen eigenen SVG- oder PNG-Farbkreis für jede Helligkeit und Sättigung. Wählen Sie aus 7 Voreinstellungen, passen Sie Segmentanzahl und Innenradius an und laden Sie ihn sofort herunter - kostenloser Online-Farbkreis-Generator.

Rechnen Sie alle 213 RAL-Classic-Farbcodes in HEX und RGB um. Suchen Sie nach RAL-Code, englischem oder deutschem Farbnamen oder HEX-Wert. Filter nach Kategorie - kostenloser Online-RAL-zu-HEX-Konverter.

Rechnen Sie Pantone-PMS-Referenzen in ungefähre HEX- und RGB/HSL-Werte für digitales Design um. Suchen Sie nach Code, Name oder HEX-Wert - kostenloser Online-Pantone-zu-HEX-Konverter.

Rechnen Sie rgba() in HEX8 und hsla() in rgba() um und sehen Sie Mischungsvorschauen auf weißem, schwarzem und eigenem Hintergrund – mit Generator für Deckkraftskalen. Kostenloser Online-Deckkraft-Alpha-Konverter.

Kuratierte Galerie mit über 110 CSS-Verlaufshintergründen: stöbern Sie nach Stil (Sonnenuntergang, Ozean, Neon, Dunkel, Pastell und mehr) und kopieren Sie den CSS-background-Wert mit einem Klick. Kostenlose Online-Bibliothek für Verlaufshintergründe.