Corporate Design und Farbe (Farbe erfolgreich einsetzen in 11 Folgen)

 

Orangener und gelber Teil eines Paragliders Nutzen Sie die Macht der Farben

Folge 9 – Internetfarben

Zeigen Sie Farbe!
Hund mit verschieden farbigen Augen

© Foto: www.aboutpixel.de/clirix

Farbbezeichnungen

Da wir uns Internetseiten in der Regel über einen Bildschirm betrachten, haben wir es hier mit dem RGB-Modell, also der additiven Farbmischung zu tun (zum Thema Farbmischungen siehe auch Tutorial 8).

Die Farbwerte für das Internet werden in sechsstelligen Hexadezimal-Codes geschreiben.
Beispiel: #336699 für ein pastelliges Blau.
Die ersten beiden Ziffern (hier beispielsweise 33) stehen für die Farbe Rot,
die dritten und vierten Ziffern (hier beispielsweise 66) stehen für die Farbe Grün
und die fünften und sechsten Ziffern (hier beispielsweise 99) stehen für die Farbe Blau.

Die Hexadezimal-Code teilt die Farben Rot, Grün und Blau in jeweils 255 Anteile auf.

Wenn der Farbwert 255 für den vollen Farbton einer Grundfarbe steht und 255 mit "FF" dargestellt wird, entspricht der Code für die Farbe Weiss #FFFFFF.
Ist kein Anteile einer Grundfarbe im Farbton enthalten, wird das mit "00" angezeigt. Schwarz hat folglich den Code "#000000".
Sind die Werte aller Farben gleich, ergibt sich ein Grauton, der sich zwischen Schwarz und Weiß abspielt. Beispiel #666666 steht für ein mittleres Grau .

Jeder Grundfarbe stehen also zwei Ziffernstellen zur Verfügung und zwar von 00 (ohne Farbwert) bis FF (voller Tonumfang). Auf diese Weise erhalten wir je Farbton 16 x 16 = 256 Farbwerte.
Daraus ergeben sich 256 x 256 x 256 = 16,777216 Millionen mögliche Mischfarben.
Begrenzungen in der Farbwahrnehmung resultieren in der Unterscheidungsfähigkeit des menschlichen Auges und in der Darstellungsfähigkeit der Monitore.

Nützliche Informationen und Tools

http://www.ipsi.fraunhofer.de
http://www.farbenundleben.de

Lesen Sie in Teil X
• Marketing und Stellenwert der Farbe – (Historische Entwicklung)
• Print-/Verpackungsdesign


Farb-Tutorial Teil I Mit einem Klick auf den weissen Pfeil Mit einem Klick auf den weissen Pfeil zur Tutorial No.1
Farb-Tutorial Teil II Mit einem Klick auf den weissen Pfeil Mit einem Klick auf den weissen Pfeil zur Tutorial No.2
Farb-Tutorial Teil III Mit einem Klick auf den weissen Pfeil zMit einem Klick auf den weissen Pfeil zur Tutorial No.3
Farb-Tutorial Teil IV Mit einem Klick auf den weissen Pfeil Mit einem Klick auf den weissen Pfeil zur Tutorial No.4
Farb-Tutorial Teil V Mit einem Klick auf den weissen Pfeil Mit einem Klick auf den weissen Pfeil zur Tutorial No.5
Farb-Tutorial Teil VI Mit einem Klick auf den weissen Pfeil Mit einem Klick auf den weissen Pfeil zur Tutorial No.6
Farb-Tutorial Teil VII Mit einem Klick auf den weissen Pfeil zur Tutorial No.7
Farb-Tutorial Teil VIII Mit einem Klick auf den weissen Pfeil zur Tutorial No.8
Farb-Tutorial Teil IX Mit einem Klick auf den weissen Pfeil zur Tutorial No.9
Farb-Tutorial Teil X Mit einem Klick auf den weissen Pfeil zur Tutorial No.10

Gesamtübersicht
(PDF-Datei, 77 K) Mit einem Klick auf den weissen Pfeil zur Gesamtübersicht


Benötigen Sie ein Logo und/oder Geschäftsdrucksachen,
haben Sie Fragen zum Corporate Design oder
suchen Sie jemanden zur Gestaltung und
Umsetzung einer erfolgreichen Website?
Dann sind Sie hier richtig.
Rufen sie einfach an unter der Nummer (07 31) 9 21 33 93.

Portraits von Anne Ammann mit verschiedenen Haarfarben

Farben wirken . . .
© Foto Anne Ammann

Mit einem Klick auf das rote Dreieck zur Seite Webdesign
Mit einem Klick auf das rote Dreieck zur Seite Grafik und Design
Mit einem Klick auf das rote Dreieck zur Seite Suchmaschinenoptimierung
Mit einem Klick auf das rote Dreieck zur Seite Business Farb-Screening und Farbcheck
Mit einem Klick auf das rote Dreieck zur Seite Qualitätsgarantie

Mit einem Klick nach oben