Kostenlose Farb- und Design-Tools — Farbwähler, Paletten, Kontrast, Verläufe
Praktische Farbarbeit für das Web: Farbwähler mit HEX/RGB/HSL, Paletten- und Farbverlaufsgeneratoren, WCAG-Kontrastprüfer zur Lesbarkeit, Farbenblindheitssimulation und CSS-Schattentools. Für Designer und Frontend-Entwickler gedacht, die den genauen Wert und die barrierefreie Wahl brauchen, kopierbereit.
Farbkonverter (HEX, RGB, HSL – sofort)
Farben zwischen HEX, RGB und HSL mit einer Live-Vorschau umwandeln. Bearbeite ein beliebiges Feld; die anderen werden aktualisiert.
Kontrastprüfung (WCAG AA / AAA-Bewertungen)
Überprüfe das Farbkontrastverhältnis zwischen Text und Hintergrund. Zeigt eine Live-Vorschau und Bestanden/Nicht-Bestanden-Abzeichen für WCAG AA und AAA bei normaler und großer Textgröße.
CSS-Verlauf-Generator (linear, radial, konisch)
CSS-Verläufe visuell erstellen: linear, radial und konisch. Mehrere Farbstopps, Winkelsteuerung, Vorlagen. Fertigen CSS-Code kopieren.
Farbpaletten-Generator (5 Schemata aus einer Basisfarbe)
Harmonische Farbpaletten aus einer Basisfarbe generieren: komplementär, analog, triadisch, tetradisch, monochrom. Auf eine Farbe klicken, um den Hex-Wert zu kopieren.
Farbenblindheit-Simulator — Farben mit anderen Augen sehen
Geben Sie eine beliebige Hexadezimalfarbe ein und sehen Sie sofort, wie sie für Menschen mit Deuteranopie, Protanopie, Tritanopie und Achromatopsie aussieht. Unverzichtbar für barrierefreies Design.
CSS Box-Shadow-Generator (mit Live-Vorschau)
Erstelle CSS-Box-Shadow-Werte visuell. Versatz, Unschärfe, Ausdehnung, Farbe, Deckkraft und Inset anpassen. Live-Vorschau, CSS kopieren.
CSS-Farbname-Finder — Nächste benannte Farbe aus Hex-Wert
Geben Sie eine Hex-Farbe ein, um den nächsten CSS-Farbnamen zu finden. Zeigt die 5 nächsten benannten Farben mit exakten Hex-Werten und Distanzpunktzahl.
Farb-Schattierungen Generator — Tailwind-Stil
Generiere 11 Farbtöne und Schattierungen (50–950) für jede Farbe im Tailwind-CSS-Stil. Klicke auf einen Farbton, um den Hex-Code zu kopieren, oder exportiere alle als CSS Custom Properties.