[Diese Seite ist Teil der Homepage www.2n-1.de]

Farbcodierung nach verschiedenen Farbmodellen


[Foto:comics.jpg]

Für die Darstellung von Farben gibt die unterschiedlichsten Systeme: Aus der Physik sind einfache Modelle für additive und subtraktive Mischung von drei Grundfarben geläufig. In den Fernsehnormen wird dagegen aus Gründen der Kompatibilität zum Schwarzweißfernsehen eine Helligkeitsinformation übermittelt und mit zwei zusätzlichen Werten die Farbe codiert.

Die folgende Tabelle dient der Umrechnung zwischen verschiedenen Farbendarstellungen. Tragen Sie einfach in eine der Zeile Werte für eine Farbe ein und betätigen Sie den Knopf "Werte umrechnen". Die Farbwerte werden dann in die anderen aufgelisteten Darstellungen umgerechnet und angezeigt.

 


RGB - Additive Farbmischung (z.B. auf Komputer- oder Fernsehmonitoren):
R Farbe Rot
 
G Farbe Grün
 
B Farbe Blau
 


CMY - Subtraktive Farbmischung (z.B. beim Drucken):
C Farbe Türkis (Cyan)
 
M Farbe Magenta
 
Y Farbe Gelb (Yellow)
 


YUV - Codierung für die Fernsehnorm PAL (Phase Alternating Line):
Y Helligkeit/Luminanz
 
U Rot bis Türkis
 
V Gelb bis Blau
 


YIQ - Codierung für die Fernsehnorm NTSC (National Television Standards Committee):
Y Helligkeit/Luminanz
 
I Türkis bis Orange
 
Q Magenta bis Grün
 


HSV - An die menschliche Farbwahrnehmung angepaßtes Modell:
H Farbwinkel (Hue)
 
S Sättigung
 
V Helligkeit (Value)
 



HTML - Codierung für Webseiten
             


 

Die Zahlen sind jeweils in einem Wertebereich zwischen 0,0 und 1,0 angegeben. Im Bereich der Fernsehnormen hat nur die Helligkeitsinformation Y einen Wert zwischen 0,0 und 1,0. Die Farbinformationen U und V der PAL-Norm umfassen dagegen den Bereich von -0,5 bis +0,5. In der NTSC-Norm hat die Farbinformation I einen Wertebereich von -0,596 bis +0,596 und die Farbinformation Q einen Wertebereich von -0,523 bis +0,523. Bei den Fernsehnormen ist außerdem zu berücksichtigen, daß nicht jede denkbare Kombination zulässiger Zahlenwerte eine gültige Farbinformation liefert. Ggf. wird daher die hier erfolgte Eingabe auf einen erlaubten Farbwert zurückgesetzt.

Das 1978 von dem amerikanischen Spezialisten für Komputergraphik Dr. Alvy Ray Smith als "hexcone model" entwickelte Farbmodell "HSV" stellt die Farbe anhand des Winkels auf dem Farbkreis dar. Dabei entspricht 0° der Farbe Rot, 120° der Farbe Grün, 240° der Farbe Blau und bei 360° kommt man wieder bei Rot an. Eine Umrechnung von Winkeln in andere Darstellungen, z.B. in Prozent des Vollkreises, ist auf der Seite "Winkelumrechung" verfügbar. Die Werte für Sättigung und Helligkeit durchlaufen dagegen wieder die Werte zwischen 0,0 und 1,0.

Die HTML-Codierung, wie sie auf Webseiten verwendet wird, transformiert die RGB-Darstellung in einen Wertebereich von 0 bis 255 und schreibt die drei Zahlen in ihrer jeweiligen zweistelligen Hexadezimaldarstellung hintereinander. Das Gatterzeichen "#" kennzeichnet diese Darstellung, ist aber meistens nicht zwingend notwendig.

 


Die Farbdarstellung HSV ist aufgrund ihrer Abstimmung auf die Farbwahrnehmung des menschlichen Auges und der deshalb erfolgenden Aufsplittung in die Farbe, die Farbsättigung (Saturation) und die Helligkeit (Value) ein ideales Instrument, um ähnliche Farben einer vorgegebenen Farben zu finden.

Nachfolgend sind daher einige Varianten wiedergegeben, die sich ergeben, wenn man bei der oben vorgegebenen Farbe mit einem Farbwinkel von 60,0 °, einer Sättigung von 0,455 und einer Helligkeit von 0,550 an einem oder zweien dieser Parameter ein wenig dreht. Zu den sich ergebenden Farben ist jeweils die HTML-Codierung wiedergegeben, wie sie als Farbangabe auf Internet-Seiten verwendet werden kann.

Die folgende Auflistung zeigt Farben, die sich ebenfalls bei einem Farbwinkel von 60,0 ° befinden, in der linken Spalte mit einer festen Helligkeit von 0,550 und Farbsättigungen zwischen 0,0 und 1,0, in der rechten Spalte mit einer festen Sättigung von 0,455 und einer Helligkeit zwischen 0,0 und 1,0.

   0,00     
 
 #8C8C8C
       
 
 #000000
   0,05     
 
 #8C8C85
       
 
 #0D0D07
   0,10     
 
 #8C8C7E
       
 
 #1A1A0E
   0,15     
 
 #8C8C77
       
 
 #262615
   0,20     
 
 #8C8C70
       
 
 #33331C
   0,25     
 
 #8C8C69
       
 
 #404023
   0,30     
 
 #8C8C62
       
 
 #4D4D2A
   0,35     
 
 #8C8C5B
       
 
 #595931
   0,40     
 
 #8C8C54
       
 
 #666638
   0,45     
 
 #8C8C4D
       
 
 #73733F
   0,50     
 
 #8C8C46
       
 
 #808046
   0,55     
 
 #8C8C3F
       
 
 #8C8C4D
   0,60     
 
 #8C8C38
       
 
 #999953
   0,65     
 
 #8C8C31
       
 
 #A6A65A
   0,70     
 
 #8C8C2A
       
 
 #B3B361
   0,75     
 
 #8C8C23
       
 
 #BFBF68
   0,80     
 
 #8C8C1C
       
 
 #CCCC6F
   0,85     
 
 #8C8C15
       
 
 #D9D976
   0,90     
 
 #8C8C0E
       
 
 #E6E67D
   0,95     
 
 #8C8C07
       
 
 #F2F284
   1,00     
 
 #8C8C00
       
 
 #FFFF8B

In der nachfolgenden Tabelle sehen Sie Farben die sich durch Variation des Farbwinkels in einem Bereich von ±30° um den vorgegebenen Winkel 60,0 ° ergeben. Die linke Spalte zeigt die Farben mit maximaler Sättigung und maximaler Helligkeit. Die rechte Spalte zeigt die betreffenden Farben mit der Sättigung in Höhe von 0,455 und der Helligkeit 0,550.

  30,00°   
 
 #FF8000
       
 
 #8C6C4D
  35,00°   
 
 #FF9500
       
 
 #8C724D
  40,00°   
 
 #FFAA00
       
 
 #8C774D
  45,00°   
 
 #FFBF00
       
 
 #8C7C4D
  50,00°   
 
 #FFD500
       
 
 #8C824D
  55,00°   
 
 #FFEA00
       
 
 #8C874D
  60,00°   
 
 #FFFF00
       
 
 #8C8C4D
  65,00°   
 
 #EAFF00
       
 
 #878C4D
  70,00°   
 
 #D5FF00
       
 
 #828C4D
  75,00°   
 
 #BFFF00
       
 
 #7C8C4D
  80,00°   
 
 #AAFF00
       
 
 #778C4D
  85,00°   
 
 #95FF00
       
 
 #728C4D
  90,00°   
 
 #80FF00
       
 
 #6C8C4D

Die folgende Auflistung durchläuft den kompletten Farbkreis von 0° bis 360°. Links sehen Sie die Farben mit maximaler Sättigung mit einer Helligkeit von 0,550. In der rechten Spalte sehen Sie die Farben mit maximaler Helligkeit und mit einer Sättigung von 0,455.

   0,00°   
 
 #8C0000
       
 
 #FF8B8B
  15,00°   
 
 #8C2300
       
 
 #FFA88B
  30,00°   
 
 #8C4600
       
 
 #FFC58B
  45,00°   
 
 #8C6900
       
 
 #FFE28B
  60,00°   
 
 #8C8C00
       
 
 #FFFF8B
  75,00°   
 
 #698C00
       
 
 #E2FF8B
  90,00°   
 
 #468C00
       
 
 #C5FF8B
 105,00°   
 
 #238C00
       
 
 #A8FF8B
 120,00°   
 
 #008C00
       
 
 #8BFF8B
 135,00°   
 
 #008C23
       
 
 #8BFFA8
 150,00°   
 
 #008C46
       
 
 #8BFFC5
 165,00°   
 
 #008C69
       
 
 #8BFFE2
 180,00°   
 
 #008C8C
       
 
 #8BFFFF
 195,00°   
 
 #00698C
       
 
 #8BE2FF
 210,00°   
 
 #00468C
       
 
 #8BC5FF
 225,00°   
 
 #00238C
       
 
 #8BA8FF
 240,00°   
 
 #00008C
       
 
 #8B8BFF
 255,00°   
 
 #23008C
       
 
 #A88BFF
 270,00°   
 
 #46008C
       
 
 #C58BFF
 285,00°   
 
 #69008C
       
 
 #E28BFF
 300,00°   
 
 #8C008C
       
 
 #FF8BFF
 315,00°   
 
 #8C0069
       
 
 #FF8BE2
 330,00°   
 
 #8C0046
       
 
 #FF8BC5
 345,00°   
 
 #8C0023
       
 
 #FF8BA8
 360,00°   
 
 #8C0000
       
 
 #FF8B8B


 

  - Alle Angaben ohne Gewähr -





[Abrufstatistik]  Nach oben  Homepage  Impressum & Copyright

  Adresse zum Setzen eines Links: http://start.umrechnung.rehbein.net/