Farben
schlicht oder bunt?
rot, gelb, grün, blau?
Home / Gestaltung / Farben
Was etwas bedeutet, merken wir erst, wenn es fehlt. Das klingt wie die Kalenderweisheit einer Heimatzeitung. Aber genau das mache ich auf dieser Webseite mit Farben: ich lasse sie weg und schon ist klar, welche Bedeutung Farben haben.
"Ist die Webseite schön, spricht sie mich an, finde ich die Seite häßlich oder einfach komisch?" - Die Antwort darauf hat mit Farben zu tun.
Im Netz empfehlen Farbexpertinnen für die Webseiten von Unternehmensberaterinnen und Bänkern ein gediegenes Dunkelblau, weil das so seriös wirkt. Die Webseite für die Kids wird gelb, weil das so fröhlich wirkt und Heilpraktikerinnen wird ein zartes Pastell nahegelegt, weil das so einfühlsam rüberkommt. Die Partnerbörse soll ein leidenschaftliches rot wählen. Und rate mal, was zum Heavy-Metall Club farblich passen soll…
Geht‘s noch langweiliger?
Ich würde einer Heavy-Metall-Band gern mal eine Webseite in Gelb verpassen. Ich wette, das geht (ok, mit ein paar schwarzen Akzenten…). Wenn nicht, mache der Metall-Kapelle eine tiefschwarze Webseite mitsamt der üblichen Frakturschrift ganz ohne Honorar.
Einer Heilpraktikerin möchte ich eine schwarze Webseite gestalten (wo die Metallband schon darauf verzichtet).
Dunkelblaue Beraterinnen und pastellige Heilpraktikerinnen gehen in der Masse unter.
Der Regelbruch sorgt für Aufmerksamkeit. Wen hätte es interessiert, wenn die Nationalmannschaft 2024 ein weiteres grünes Trikot präsentiert hätte? Aber dann tobte das Hemdchen in PINK durchs Netz und verkaufte sich bestens.
Bild mit den Lippen ganz oben fotografiert in
San Francisco,
in der Gegend um Height / Ashbury
Der Hintergrund wechselt von hellgrau auf dunkelgrau und zurück. Der Farbwechsel braucht nur wenige Codezeilen und ist schnell auf einer Webseite eingefügt.
Behutsam eingesetzt kann das ein Blickfang sein. Massiv eingesetzt, etwa als Hintergrund einer gesamten Seite ist das ein Statement. Insbesondere, wenn zwei Farben hart kontrastieren, wie etwa blau und rot.
Natürlich funktioniert der Farbwechsel auch mehr als zwei Farben und mit allen anderen Webfarben.
Vielleicht ist deine Farbe längst schon klar. Orange war immer deine Lieblingsfarbe und deine Visitenkarten, Logos und Webseiten werden auch orange. Prima, Webseiten in Orange stehen dir gut.
Wenn die Basisfarbe nicht festesteht, finden wir sie. Manchmal sehe ich die Farben meiner Kunden schon bei der ersten Begrüßung. Wenn nicht, sprechen wir miteinander über Farben. Als Inspiration können wir uns dabei auch mit Farbtools befassen.
Zur Basisfarbe kombinieren wir dann weitere passende Farben.
Im Netz findest du zahlreiche Seite, die sich mit Farbharmonie und -theorie befassen. Das muss ich daher nicht vertiefen.
Im Ergebnis geht um eine Farbpalette für deine Webseite, die 1) für dich passt und die 2) deine Zielgruppe akzeptiert.
Ich sehe es als Aufgabe einer Webdesigners, diese Farbpalette zusammenzustellen. Ob die Farben "harmonisch" sind in dem Sinne, dass sie sich im Farbkreis gegenüber liegen, ob sie eine Triade oder ein Viereck im Farbkreis darstellen oder ob sie sich gar "beißen", ist dabei egal.
Ebenfalls ist es egal, ob wir die Farben nach Gefühl zusammenstellen oder ob wir ein Tool dafür nehmen.
Hauptsache es passt.
Farbverläufe aus mehreren Farben, die ineinanderfließen, sind derzeit beim Webdesign schwer angesagt. „Mesh Gradients" heißt die Technik, mit der sich mit wenigen Codezeilen Farbwolken für Hintergründe oder als Blickfang gestalten lassen.
Aktuell setze ich die auf der Webseite der Logopädie in Kettwig großflächig ein. Nachteil: auf ganz alten Rechnern werden solche Verläufe nicht immer korrekt angezeigt und auf Smartphones kommen sie nicht gut zur Geltung. – Und ohne Farbe geht das auch nicht so wirklich.
Wenn dir diese Seite zu schwarz-weiss ist, und Lust hast, selbst mit Farben zu experimentieren, empfehle ich diese Farbtools (die meist etwas PC Kenntnis voraussetzten):
Mein Lieblingstool für Farbpaletten:
mycolor.space
Der Farbwechsel von oben ist hier:
gradient-animator.com/
Hier gibt es ein wundervolles Tool für Farbwolken /
Mesh-Gradients:
csshero.org/mesher/
Wenn du diese Webseite in Farbe sehen möchtest, geht das auch. Nämlich hier: