Farbräume / Kontraste / HEX - Werte

Hi! Bin neu hier und versuche mal, mit diesem Beitrag meinen Einstand zu geben.
Hoffe, ich mache nicht direkt alles falsch :-)

 

Farbe im Screendesign ist

  • im RGB - Farbmodus (additive Farbmischung)
  • Mit RGB lassen sich mehr Farben darstellen, als in CMYK
  • sRGB (small RGB) wird für Websitegrafiken verwendet. Der Farbraum ist kleiner und spart Speicherplatz
  • wird bei Website in Hexadezimal angegeben und sieht z.B. so aus: #000099 (Siehe extra Abschnitt)

 

Kontraste

Komplementärkontraste (z.B. rote Schrift auf grünem Grund) führen auf dem Monitor zu noch stärkerem Flimmern, als bei Print.

Bei schwarzer Schrift auf weißem Grund, kommt es aufgrund der additiven Farbmischung zum Überstrahlen. So sind klein gesetzte outline Schriften oder Schriften mit feinen Haarlinien schlechter zu lesen, als im Print (natürlich auch wegen der Auflösung, aber nicht nur). Daher ist es empfehlenswert, den Hintergrund nicht komplett weiß zu gestalten, sondern ein ganz leichtes grau zu wählen, damit die umliegenden weißen pixel die wenigen schwarzen pixel der schrift nicht überstrahlen. Dies ist auch für die Augen angenehmer zu lesen und die Augen ermüden nicht so schnell.

 


Hex-Werte:

Bei Websites werden die Farben in Hex angegeben.
Dabei besteht der Wert aus 6 Zeichen (Buchstaben und Ziffern)

Die ersten beiden Ziffern stehen für R, also den Rotanteil der Farbe.
Die mittleren beiden Ziffern stehen für G, also den Grünanteil der Farbe.
Die letzten beiden Ziffern stehen für B, also den Blauanteil der Farbe.

Je niedriger die Zahl, desto weniger "leuchtet" diese Farbe.
00 bedeutet also, diese primäre Farbe ist nicht Bestandteil in der sekundären Farbe.
"ff" bedeutet, diese Farbe leuchtet mit voller Kraft und somit Bestandteil der sekundären Farbe ist.

Der Farbcode #ff0000 steht also für ein helles rot, da der R Kanal voll "aufgedreht" ist.
Der Farbcode #ffff00 steht für ein helles gelb, da der rote und der grüne Farbkanal voll "aufgedreht" sind und rot und grün die sekundärfarbe gelb ergeben.
Der Farbcode #000000 steht für schwarz, #ffffff steht für weiß

 

 

Bewertung: 
3
Durchschnitt: 3 (1 Stimme)

Kommentare

Bild von MarcoKunz

Spätestens seit CSS3 auch nur angedacht war, gibt es noch die Möglichkeit mit RGBA der Farbe eines jeden Objektes einen Alphakanal hinzuzufügen.

Ist das Prüfungsrelevant oder schieße ich damit über die Themenvorgabe hinaus?

Gruß,

Marco.

Neues entsteht nicht durch den Intellekt,
sondern durch den Spielinstinkt, der aus innerer Notwendigkeit agiert.
Der kreative Geist spielt mit den Objekten, die er liebt.
Carl Gustav Jung