Jede Farbe, dekodiert
HEX, RGB, HSL, CMYK-Werte. Farbharmonien, Tailwind-Farbtöne, WCAG-Kontrast.
Beliebigen 6-stelligen HEX-Code eingeben
Ausgewählte Farben
Ausgewählte Marken
Alle anzeigen →
Organize the world's information
4 Farben
Apple
Think different
3 Farben
Microsoft
Empower every person and organization
4 Farben
Amazon
Work hard. Have fun. Make history.
2 Farben
Meta
Helping people connect
1 Farbe
Bringing the world closer together
2 Farben
YouTube
Broadcast yourself
1 Farbe
Capture and share the world's moments
3 Farben
Ausgewählte Kollektionen
Alle anzeigen →Farbwerkzeuge
Alle anzeigen →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.
Farbkonverter
Konvertieren Sie sofort zwischen den Farbformaten HEX, RGB, HSL, HSV, CMYK und OKLCH.
Palettengenerator
Erstellen Sie harmonische Farbpaletten mit komplementären, analogen, triadischen und gesplittet-komplementären Schemata.
Farbton-Generator
Erstellen Sie Tailwind CSS-Abstufungsskalen (50–950) aus jeder Basisfarbe für Designsysteme.
Farbenblindheits-Simulator
Simulieren Sie, wie Farben bei Deuteranopie, Protanopie, Tritanopie und Achromatopsie erscheinen.
Verlauf-Generator
Erstellen Sie schöne CSS Linear- und Radialverläufe mit Live-Vorschau und kopierbereitem Code.
Neueste Artikel
Alle anzeigen →CSS color-mix(): Farben nativ im Browser mischen
Lernen Sie CSS color-mix() zum nativen Mischen von Farben im Browser. Meistern Sie Syntax, Farbräume, praktische Anwendungsfälle und erstellen Sie dynamische Paletten ohne JavaScript.
Jan 26, 2026
TutorialsEinen Farbwähler als Web Component von Grund auf bauen
Baue einen barrierefreien Farbwähler als Web Component. Implementiere Canvas-Rendering, Farbton-Schieberegler, Alpha-Kanäle und Custom Events mit Shadow DOM.
Jan 21, 2026
TutorialsPerzeptuelle Farbräume: Lab, LCH, Oklab, OKLCH
Erkunde perzeptuell gleichmäßige Farbräume – CIE Lab, LCH, Oklab und OKLCH. Lerne, wie jeder konzipiert wurde, wo er glänzt und welchen du für CSS und Designarbeit verwenden solltest.
Jan 15, 2026
TutorialsFarbproofing: Druckfarben präzise sicherstellen
Lernen Sie Softproofing, Hardproofing und Pressenzugproof-Techniken, um eine genaue Farbwiedergabe vom Bildschirm bis zur endgültigen Ausgabe zu gewährleisten.
Jan 10, 2026