Farbtemperatur im Design: warmes, kühles und neutrales Licht

Farbtemperatur beschreibt, wie warm oder kühl ein Licht oder eine Farbe wirkt. Warm heißt, sie tendiert zu Kerzenorange und Rot; kühl heißt, sie tendiert zu Tageslichtblau; neutral liegt dazwischen. Bei Licht wird sie in Kelvin gemessen, wobei eine Kerze bei etwa 1.900 K liegt und ein bedeckter Himmel bei etwa 6.500 K. Im Design nutzt du sie, um Stimmung zu erzeugen: Warme Paletten wirken nah und behaglich, kühle ruhig und weit, und die Mischung aus beiden gibt einem Bild Tiefe.

Die Kelvin-Skala und warum sie verkehrt wirkt

Der Kelvinwert stammt aus der Physik: Er ist die Temperatur, die ein idealer glühender Körper erreichen müsste, um Licht dieser Farbe abzugeben. Ein langsam erhitzter Metallstab glüht rot, dann orange, dann gelblich weiß und bei extremen Temperaturen bläulich weiß. Eine höhere Zahl bedeutet also blaueres Licht, das Designer kühler nennen. Das Vokabular läuft der Physik entgegen, und das verwirrt anfangs alle.

Diese Anpassung ist für Bildschirme wichtig. Der sRGB-Standard, von dem die meisten Web- und App-Farben ausgehen, nutzt D65, etwa 6.500 K, als Weiß. Funktionen wie Nachtmodi verschieben das Weiß eines Displays ins Wärmere, sodass deine gewählten Farben für jemanden, der nachts liest, wärmer wirken. Gestalte für den Standard und akzeptiere die Abweichung.

Warme, kühle und neutrale Farben

Abseits der Beleuchtung geht es bei Temperatur darum, zu welcher Seite des Farbkreises eine Farbe tendiert. Rot, Orange und Gelb wirken warm; Blau, Petrol und Blauviolett wirken kühl. Grün und Lila liegen in der Mitte und können in beide Richtungen gehen: Oliv ist warm, Mint ist kühl. Warme und kalte Farben behandelt den Farbkreis ausführlich; nützlich ist hier, dass Temperatur auch innerhalb eines Farbtons gilt. Es gibt warme Blautöne und kühle Rottöne.

Temperatur leistet in einer Palette viel emotionale Arbeit, oft mehr als der Farbton selbst. Warme Schemata wirken nah, gesellig und energiegeladen; kühle Schemata wirken still, weit und kontrolliert. Farbpsychologie untersucht diese Assoziationen und ihre Grenzen. Temperatur wirkt auch mit der Intensität zusammen: Eine kühle Palette mit voller Sättigung wirkt nicht mehr ruhig, und eine warme, stark zurückgenommene beginnt, eher vintage als lebendig zu wirken.

Auch Neutraltöne haben eine Temperatur

Reines Grau ist in gutem Design selten. Die meisten gut eingesetzten Grautöne tendieren leicht warm, zu Stein und Taupe, oder leicht kühl, zu Schiefer und Stahl. Beide Familien in einem Layout zu mischen wirkt oft trüb, ohne dass jemand weiß, warum. Wähle eine Familie und nutze sie durchgehend für Hintergründe, Rahmen und Sekundärtext.

:root {
  /* A warm neutral ramp: pick one family and keep it */
  --grey-50: #f6f3ee;
  --grey-200: #e4ded4;
  --grey-400: #bdb4a7;
  --grey-600: #7d7468;
  --grey-900: #2f2a25;
}

Warme Neutraltöne passen zu Food, Gastgewerbe, Wellness und Editorial-Marken. Kühle Neutraltöne passen zu Software, Finanzen und allem, was präzise wirken soll. Neutrale Farbpaletten bietet weitere Sets.

Warmes Licht, kühler Schatten

Maler wissen seit Langem, dass sich Licht und Schatten in der Temperatur unterscheiden, nicht nur in der Helligkeit. Sonnenbeschienene Flächen werden warm, während Schatten Blau vom Himmel aufnehmen. Bau das in einem Verlauf oder einer Illustration nach, und es wirkt sofort echter als eine helle und dunkle Version eines einzigen Farbtons. Es funktioniert auch umgekehrt: kühles Mondlicht mit warmen, lampenbeleuchteten Schatten.

Bei Hintergründen ist das der Unterschied zwischen einem Verlauf, der beleuchtet wirkt, und einem, der wie ein Farbmuster wirkt. Setz das warme Licht dorthin, wo das Auge zuerst hinsehen soll, lass die kühlen Töne sich an den Rändern sammeln und leg Text über den ruhigeren der beiden Bereiche. Verlaufshintergrund führt durch die ganze Methode.

Farbtemperatur in Fotos

Der Weißabgleich ist die Schätzung einer Kamera für die Temperatur des Lichts. Ein Foto unter warmen Lampen mit Tageslicht-Weißabgleich wird orange; eines im Schatten wird blau. Wenn Fotos neben Markenfarben stehen, passe ihre Temperatur an die Palette an. Eine warme Marke mit kalten, blauen Fotos wirkt zerrissen. Fotos in den Farben der Palette einzufärben ist eine weitere Lösung: siehe Duotone-Fotos.

Gradiently Marks tragen Licht als Teil ihres Rezepts, daher wirken sie in jeder Größe, in der du gestaltest, wie eine beleuchtete Fläche statt wie ein flaches Farbmuster.