Farbe
Farbtheorie, Paletten und Verlaufsfarben, mit Codes zum Kopieren.
200 Artikel · 11 Themen
FarbeGrundlagen der Farbtheorie für Menschen, die nicht gestalten
4 Min. Lesezeit
Du brauchst keine Kunsthochschule, um Farben gut zu wählen. Sechs Ideen erklären fast jede Farbentscheidung, und jede lässt sich in wenigen Minuten lernen.
FarbeFarbkreis nutzen: so wählst du eine Farbpalette
4 Min. Lesezeit
Der Farbkreis ist das älteste Werkzeug der Farblehre und noch immer das nützlichste. So liest du ihn, warum der Malerkreis und der Bildschirmkreis sich widersprechen und wie du daraus eine Palette machst.
FarbeKomplementärfarben: Kontrast, der ausgewogen bleibt
4 Min. Lesezeit
Gegenüberliegende Farben liefern den stärksten Kontrast, den Farbe bieten kann, und den schnellsten Weg zu einem Design, das summt, oder einem, das schreit. Den Unterschied machen Proportion und Helligkeit.
FarbeAnaloge Farben: der einfachste Weg zu einer ruhigen Farbpalette
4 Min. Lesezeit
Wähle drei Nachbarn im Farbkreis, und kaum etwas kann schiefgehen. Die Kunst liegt darin, ihnen genug Kontrast zu geben, damit sie spannend bleiben, und zu wissen, wann du die Ruhe brichst.
FarbeTriadische Farben und split-komplementäre Paletten erklärt
4 Min. Lesezeit
Drei gleichmäßig verteilte Farben können eine Palette zugleich kühn und ausgewogen wirken lassen oder wie eine Spielzeugkiste. Der Unterschied liegt fast nur darin, welche Farbe führt.
FarbeMonochromatisches Farbschema: ein Farbton, eine ganze Identität
4 Min. Lesezeit
Ein einziger Farbton klingt einschränkend, bis du siehst, wie viel Spielraum in ihm steckt. Richtig aufgebaut deckt eine Farbe Hintergründe, Text, Buttons und Verläufe ab und wirkt unverwechselbarer als ein Regenbogen.
FarbeMarkenfarben finden: eine Methode Schritt für Schritt
5 Min. Lesezeit
Markenfarben werden gewählt, nicht gefunden. Eine klare Methode bringt dich von der leeren Seite zu einer Palette, die unverwechselbar und lesbar ist und auch in zwei Jahren noch stimmt.
FarbeFarbpsychologie: was stimmt und was Mythos ist
5 Min. Lesezeit
Tabellen, laut denen Rot Hunger und Blau Vertrauen bedeutet, gibt es überall, und sie sind meist zu einfach, um nützlich zu sein. Hier eine ehrlichere Darstellung dessen, was Farbe tut, und wie du sie gut einsetzt.
FarbeFarbbedeutungen in verschiedenen Kulturen: ein vorsichtiger Leitfaden
5 Min. Lesezeit
Weiß kann Hochzeit oder Beerdigung bedeuten. Rot kann Gefahr oder Glück bedeuten. Wenn deine Designs reisen, steht hier, was die wichtigsten Farben andernorts tragen und wie du das vor dem Start prüfst.
FarbeLila Farbverläufe: Paletten, Codes und wie du sie einsetzt
5 Min. Lesezeit
Lila ist eine der meistgenutzten Verlaufsfarben im Web, und das macht es zu einer sicheren Wahl und zu einer, in der man leicht untergeht. Hier sind Paletten, die durchdacht wirken, mit den Codes zum Nutzen.
FarbeBlaue Farbverläufe: 20 Farbpaletten von Eis bis Mitternacht
5 Min. Lesezeit
Blau ist die sicherste Farbe im Design, und genau deshalb sehen so viele blaue Farbverläufe gleich aus. Hier sind zwanzig, die es nicht tun, vom hellsten zum dunkelsten sortiert, mit Codes und den Überlegungen dahinter.
FarbePinke Farbverläufe, die modern wirken statt zuckersüß
4 Min. Lesezeit
Pink kann nach Süßwarenladen oder nach Modemagazin aussehen. Der Unterschied liegt selten im Pink selbst, sondern darin, was du daneben setzt. Hier sind Paletten, Kombinationen und Codes für Pink, das zeitgemäß wirkt.
FarbeSonnenuntergang-Farbverläufe: Orange, Koralle und Dämmerung
5 Min. Lesezeit
Die meisten Sonnenuntergang-Farbverläufe scheitern an derselben Stelle: in der Mitte, wo Blau auf Orange trifft und grau wird. Ein echter Himmel tut das nie. Hier ist die Reihenfolge der Natur und zehn Paletten, die darauf aufbauen.
FarbeGrüne Farbverläufe: frisch, tief und elektrisch
4 Min. Lesezeit
Grün kann ein Frühlingsmorgen sein, ein exklusiver Club oder ein Rave-Flyer. Hier sind grüne Farbverläufe für jede Stimmung, mit Codes, und ein Weg aus dem Blattgrün-Klischee.
FarbeSchwarzer Farbverlauf: Design mit Fast-Schwarz
6 Min. Lesezeit
Reines Schwarz ist ein Loch im Bildschirm. Die schwarzen Farbverläufe, die hochwertig wirken, bestehen aus Fast-Schwarztönen mit ein wenig Farbe darin und einem Licht, das sich bewegt.
FarbeRoter Farbverlauf: Energie ohne Alarmstimmung
5 Min. Lesezeit
Rot zieht schneller Aufmerksamkeit als jede andere Farbe, und genau deshalb geht es oft schief. So baust du rote Farbverläufe, die lebendig, warm und selbstbewusst wirken statt laut.
FarbeRegenbogen-Farbverläufe, die nicht nach Standard-Preset aussehen
5 Min. Lesezeit
Der Standard-Regenbogen hat einen grellen gelben Streifen und ein dunkelblaues Loch. Gleiche die Helligkeit an, wähle deinen Bogen, und das Spektrum wird zu einem der fröhlichsten Werkzeuge, die du hast.
FarbeFarbkontrast: gut lesbarer Text für alle
5 Min. Lesezeit
Kontrast ist der Unterschied zwischen Worten, die gelesen werden, und Worten, die man überspringt. Die WCAG-Zahlen in einfachen Worten, wie du sie prüfst und was sich ändert, wenn der Hintergrund ein Farbverlauf ist.
FarbeHex-Farbcodes, RGB, HSL und OKLCH erklärt
5 Min. Lesezeit
#7c3aed, rgb(124 58 237), hsl(262 83% 58%) und oklch(54.1% 0.247 293) sind dasselbe Violett. Hier steht, was jede Schreibweise tatsächlich aussagt und wann sich welche lohnt.
FarbeFarbpalette aus einem Bild erstellen: so holst du sie aus einem Foto
5 Min. Lesezeit
Eine Pipette liefert dir einen Pixel. Eine Palette braucht die Farben, an die du dich beim Bild erinnerst, im richtigen Verhältnis. So kommst du von einem zum anderen.
FarbeDie 60-30-10-Regel: Farbverhältnis für Design und Marke
5 Min. Lesezeit
Die meisten Farbpaletten scheitern am Verhältnis, nicht an der Auswahl. Drei Zahlen sagen dir, wie viel von jeder Farbe du nutzt, und sie funktionieren auf dem Handydisplay genauso wie in den Wohnzimmern, aus denen sie stammen.
FarbeWarme und kalte Farben: Farbtemperatur bewusst einsetzen
5 Min. Lesezeit
Jede Farbe hat eine Temperatur, auch deine Grau- und Weißtöne. Lerne sie zu lesen, und du kannst ein Design näher, ruhiger oder heller wirken lassen, ohne einen einzigen Farbton zu ändern.