Farbkonvertierung
#797979
≈ Boulder
Variationen
Hier siehst du deine Farbe in verschiedenen Helligkeitsstufen – perfekt abgestimmt in 10%-Schritten.
Profi-Tipp: Dunklere Töne eignen sich super für Hover-Effekte und Schatten, hellere für Hintergründe und Akzente.
Schattierungen
Deine Farbe wird schrittweise dunkler – ideal für Tiefe und Kontraste.
Aufhellungen
Deine Farbe wird schrittweise heller – perfekt für sanfte Übergänge.
Praktische Einsatzmöglichkeiten
- • Buttons und Links in verschiedenen Zuständen
- • Schatten und Lichter für mehr Tiefe
- • Ein durchgängiges Farbkonzept entwickeln
Design-System Tipp
Mit diesen Abstufungen baust du dir eine professionelle Farbpalette auf. Speicher sie dir für dein ganzes Projekt!
Farbkombinationen
Jede Kombination erzeugt eine andere Stimmung. Finde heraus, welche Farben perfekt zu deiner passen.
Anwendung
Einfach auf eine Farbe klicken und der Code wird kopiert. Diese Kombinationen passen garantiert zusammen.
Warum es wichtig ist
Die richtigen Farbkombinationen sorgen für Harmonie und wecken genau die Emotionen, die du brauchst.
Komplement
Gegensätzliche Farben auf dem Farbkreis – maximal kontrastreich und auffällig.
Split-komplementär
Deine Farbe plus zwei Nachbarfarben der Gegenfarbe – kräftig aber nicht so hart im Kontrast.
Triadisch
Drei gleichmäßig verteilte Farben im Farbkreis – lass eine dominieren, die anderen als Akzente nutzen.
Analog
Benachbarte Farben im Farbkreis – harmonisch und mit sanften Übergängen.
Monochromatisch
Verschiedene Helligkeiten derselben Farbe – dezent und elegant.
Tetradisch
Zwei Sätze von Komplementärfarben, getrennt durch 60 Grad Farbton.
Farbtheorie-Prinzipien
Balance
Eine Hauptfarbe dominiert, eine zweite unterstützt, Akzente nur sparsam einsetzen.
Kontrast
Genug Kontrast macht Texte lesbar und dein Design barrierefrei.
Harmonie
Alle Farben sollten gut zusammenspielen und ein stimmiges Gesamtbild ergeben.
Farbkontrast-Prüfer
Stelle sicher, dass deine Texte für alle gut lesbar sind – gemäß WCAG-Standards.
Textfarbe
Hintergrundfarbe
Kontrast
WCAG-Standards
Jeder Mensch ist ein Genie. Aber wenn man einen Fisch nach seiner Fähigkeit beurteilt, auf einen Baum zu klettern, wird er sein ganzes Leben lang glauben, dass er dumm ist.