Farbwerkzeuge
Kostenlose, schnelle und genaue Farbwerkzeuge für Designer und Entwickler. Keine Anmeldung erforderlich.
Kontrastprüfer
Prüfen Sie Farbkontrastverhältnisse gemäß den WCAG 2.1-Richtlinien. Testen Sie die AA- und AAA-Konformität für normalen und großen Text.
Werkzeug öffnen
Farbkonverter
Konvertieren Sie sofort zwischen den Farbformaten HEX, RGB, HSL, HSV, CMYK und OKLCH.
Werkzeug öffnen
Palettengenerator
Erstellen Sie harmonische Farbpaletten mit komplementären, analogen, triadischen und gesplittet-komplementären Schemata.
Werkzeug öffnen
Farbton-Generator
Erstellen Sie Tailwind CSS-Abstufungsskalen (50–950) aus jeder Basisfarbe für Designsysteme.
Werkzeug öffnen
Farbenblindheits-Simulator
Simulieren Sie, wie Farben bei Deuteranopie, Protanopie, Tritanopie und Achromatopsie erscheinen.
Werkzeug öffnen
Verlauf-Generator
Erstellen Sie schöne CSS Linear- und Radialverläufe mit Live-Vorschau und kopierbereitem Code.
Werkzeug öffnen
Häufig gestellte Fragen
Ein WCAG-Kontrastprüfer misst das Luminanzverhältnis zwischen Vordergrund- und Hintergrundfarben, um festzustellen, ob sie den Web Content Accessibility Guidelines (WCAG) 2.1 entsprechen. Für normalen Text ist ein Verhältnis von mindestens 4,5:1 für die AA-Konformität erforderlich und 7:1 für die AAA-Konformität.
Ein HEX-Farbcode wie #4285F4 wird in drei Paare aufgeteilt: 42 (Rot), 85 (Grün), F4 (Blau). Jedes Paar wird von Hexadezimal in Dezimal umgerechnet. So wird #4285F4 zu RGB(66, 133, 244). Unser Farbkonverter unterstützt die Formate HEX, RGB, HSL, HSV, CMYK und OKLCH sofort.
Ein Farbpaletten-Generator erstellt harmonische Farbkombinationen aus einer Grundfarbe mithilfe von Regeln der Farbtheorie. Gängige Schemata sind komplementär (gegenüberliegend im Farbkreis), analog (benachbarte Farben), triadisch (drei gleichmäßig verteilte Farben) und geteiltes Komplementär. Diese Paletten sorgen für visuelle Harmonie im Design.
Tailwind CSS verwendet eine Abstufungsskala von 50 bis 950 für jede Farbe, wobei 50 der hellste Ton und 950 der dunkelste ist. Unser Schatten-Generator erstellt diese vollständige Skala aus jeder beliebigen Grundfarbe und entspricht Tailwinds wahrnehmungsbasierter Gleichmäßigkeit für konsistente Design-Systeme.
Ein Farbenblindheits-Simulator wendet mathematische Transformationen auf Farben an, um zu modellieren, wie sie für Menschen mit Farbsehschwächen erscheinen. Die wichtigsten Typen sind Deuteranopie (Grün-Blindheit, ~6 % der Männer), Protanopie (Rot-Blindheit, ~1 %), Tritanopie (Blau-Blindheit, selten) und Achromatopsie (vollständige Farbenblindheit).
ColorFYI unterstützt sechs Farbformate: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89 %, 61 %), HSV (217°, 73 %, 96 %), CMYK (73 %, 45 %, 0 %, 4 %) und OKLCH (0,63, 0,17, 264°). OKLCH ist ein wahrnehmungsbasierter Farbraum, der für modernes CSS empfohlen wird.
Ja, alle sechs ColorFYI-Farbwerkzeuge sind vollständig kostenlos, ohne Registrierung. Sie laufen direkt in Ihrem Browser für sofortige Ergebnisse — der Kontrast-Checker, Farbkonverter, Farbpaletten-Generator, Schatten-Generator, Farbenblindheits-Simulator und Farbverlauf-Generator.