Pastellfarben sind zarte, helle Farbtöne mit wenig Buntheit, etwa Rosa, Mint oder Flieder. Der Duden kennt zwei Bedeutungen: die Malfarbe aus Kreide und Farbpulver und den zarten, hellen Farbton, der ihr gleicht. Eine farbmetrische Norm mit festen Grenzwerten gibt es nicht.
- Pastellfarben
Zarte, helle Farbtöne mit wenig Buntheit, benannt nach der Malerei mit Pastellkreiden.
Beispiel: „Für die Hebammenpraxis wählten wir Pastellfarben in Salbei und Rosé.“Auch: Pastelltöne, englisch pastel colors.
Der Name kommt laut Duden über das Französische vom italienischen pastello, Farbstift.
Was Pastellfarben ausmacht
Pastellfarben haben eine hohe Helligkeit und ein niedriges Chroma. Man erhält sie, indem man einen Farbton stark aufhellt und seine Buntheit zurücknimmt, ähnlich wie Kreidepastell auf Papier hell und stumpf wirkt. Sie wirken weich, freundlich und ruhig.
Pastellfarben in CSS
Am einfachsten lassen sich Pastellfarben in OKLCH beschreiben: eine Helligkeit um 90 Prozent und ein kleines Chroma. Weil OKLCH die Helligkeit gleichmäßig über alle Farbtöne rechnet, wirken so gemischte Pastelltöne gleich hell, egal ob Rosa oder Mint.
:root {
--rose: oklch(90% 0.05 10);
--mint: oklch(90% 0.05 160);
--flieder: oklch(90% 0.05 300);
}Pastellfarben und Lesbarkeit
Weiße Schrift auf Pastell fällt fast immer durch, weil der Hintergrund zu hell ist. Pastellfarben tragen deshalb dunklen Text oder dienen als Fläche hinter Inhalten. Für Buttons braucht es eine kräftigere Stufe, damit das Bedienelement laut WCAG 1.4.11 mindestens 3 zu 1 gegen seine Umgebung erreicht.