Wie wählt man Farben für eine Website?
Eine Oberfläche braucht meist nur eine Hauptfarbe für die Marke, eine Akzentfarbe für Aktionen (Buttons, Links) und eine Graustufenskala für Hintergründe, Rahmen und Text. Bleib konsistent, indem du immer dieselben HEX-Codes nutzt, und setze sie mit CSS-Variablen ein.
Palette als CSS kopieren
Jede Karte hat einen Button, der das CSS aller fünf Farben kopiert. Füge es in dein Stylesheet ein und benenne die Variablen passend zu deinem Projekt um. Einzelne Farben kopierst du mit einem Tipp.
Kontrast und Barrierefreiheit
Prüfe vor dem Veröffentlichen, ob dein Text auf seinem Hintergrund gut lesbar ist. Mit dem Kontrast-Prüfer siehst du, ob du die WCAG-Stufen AA oder AAA erfüllst. Das zählt für die Barrierefreiheit und für SEO.
Du willst deine eigene Palette von Grund auf bauen? Probier den Farbpaletten-Generator, hol dir eine Farbpalette aus einem Bild oder prüfe den Farbkontrast.