Farbtheorie Blog
Artikel und Leitfäden zu Farbtheorie, UI-Design, Farbharmonie-Regeln und Web-Barrierefreiheit.
Wie man eine Farbpalette wählt: Eine Schritt-für-Schritt-Anleitung
Eine praxiserprobte Methode von Anfang bis Ende, um eine Farbpalette zu wählen — einen Basisfarbton picken, eine Harmonieregel wählen, 60/30/10-Proportionen zuweisen, den WCAG-Kontrast prüfen und im echten Kontext testen.
Wie man farbenblind-freundliche Paletten gestaltet
Ein Praxisleitfaden zur Gestaltung farbenblind-freundlicher Paletten – die wichtigsten Arten der Farbsehschwäche, warum der Farbton allein nie ausreicht, sichere Paarungen und wie man mit Simulatoren testet.
Wie du ein Farbschema für deine Website auswählst
Ein praxisnaher, web-spezifischer Leitfaden zum Aufbau eines echten Website-Farbschemas – Primärfarbe, Neutrale, lesbarer Text, ein Akzent/CTA, semantische Zustände und Linkfarben – zusammengesetzt aus einer generierten Palette und auf Barrierefreiheit geprüft.
Die 60-30-10-Regel: Farbe im Design ausbalancieren
Ein praxisorientierter Leitfaden zur 60-30-10-Regel – wie Farbproportion im UI- und Webdesign Balance schafft, mit echten Hex-Beispielen, häufigen Fehlern und einer wiederholbaren Methode.
Warme vs. kalte Farben: Farbtemperatur im Design einsetzen
Ein Praxisleitfaden zur Farbtemperatur – welche Farben warm bzw. kalt sind und warum, wie Warm vorrückt und Kalt zurückweicht, Temperatur innerhalb eines einzelnen Farbtons und wie du beide in einer Palette ausbalancierst, mit echten Hex-Codes.
Tints, Shades & Tones erklärt
Ein Praxisleitfaden zu Tints, Shades und Tones – was jeder einzelne ist, wie sich Tonwert von Sättigung unterscheidet und wie du aus einem einzelnen Farbton mit HSL eine saubere monochromatische Skala baust, mit echten Hex-Beispielen für UI-Flächen, Hover- und Disabled-Zustände.
HEX, RGB & HSL: Farbcodes verständlich erklärt
Eine praxisnahe, klare Aufschlüsselung von HEX-, RGB- und HSL-Farbcodes – was jedes Format tatsächlich codiert, wann du zu welchem greifst und warum HSL das Format ist, mit dem du Tönungen und Schattierungen anpassen willst.
Wie man einen Farbkreis benutzt, um Farben zu wählen
Ein Praxisleitfaden zum tatsächlichen Benutzen eines Farbkreises: wie Farbton, Sättigung und Helligkeit darauf abgebildet werden, der RYB-vs-RGB-Unterschied, den moderne Werkzeuge einführen, und wie man jede Harmonie als Winkel liest.
Farbharmonie im UI-Design verstehen
Ein Praxisleitfaden zur Farbharmonie im UI-Design – wie die einzelnen Schemata des Farbkreises funktionieren, mit echten Hex-Beispielen, den Rollen Dominant/Sekundär/Akzent und den Fehlern, die man vermeiden sollte.
WCAG-Kontrastverhältnisse erklärt: Ein Praxisleitfaden für Designer
Ein Praxisleitfaden eines Senior-Designers zu WCAG-Kontrastverhältnissen – was 4.5:1, 3:1 und 7:1 wirklich bedeuten, AA vs. AAA, großer vs. normaler Text, die 1.4.11-Regel für Nicht-Text und wie man niedrigen Kontrast misst und behebt.
Die Psychologie der Farbe im Branding: Ein Praxisleitfaden
Die Sicht eines Senior-Designers auf Farbpsychologie im Branding – was Farben tatsächlich signalisieren, warum die Klischees zur Hälfte falsch sind und ein praktischer Prozess, um Markenfarben bewusst zu wählen.
Skalierbare Farb-Tokens für Designsysteme erstellen
Ein praxisorientierter Leitfaden zum Strukturieren primitiver, semantischer und Komponenten-Farb-Tokens – Namenskonventionen, numerische Skalen, Dark-Mode-Theming und die Fehler, die Designsysteme im Wachstum still zerbrechen.
Best Practices für Farbpaletten im Dark Mode
Ein Praxisleitfaden für Farbpaletten im Dark Mode, die wirklich funktionieren — von dunklen Grautönen statt reinem Schwarz über Höhenstaffelung und entsättigte Akzente bis hin zu WCAG-Kontrast und den Fehlern, die mir am häufigsten begegnen.
Split-Komplementär vs. Triadisch: Ein praxisnaher Leitfaden für Designer
Ein praktischer Vergleich von split-komplementären und triadischen Farbschemata — die genauen Winkel auf dem Farbkreis, die jeweils erzeugte Stimmung, ausgearbeitete Hex-Beispiele und wie man zwischen ihnen wählt.