Einstellungen
zum Text
ändere Medientyp
xhtml+xml
ändere Sprache
english
scripting
dec -> hex

URI: http://www.j-a-b.net/web/hue/code-transformation
aktualisiert: 2009-12-04
© 2002-2009 Contact

up down
Themenindex

Transformierung von Farbkodierungen

RGB - HSL - Farbnamen

Mit diesem kleinen Formular können die unter­schied­lich­sten Farb­kodierun­gen inein­ander umge­wandelt werden. Beson­ders nütz­lich ist dies, um eine Farb­kodie­rung aus dem RGB-­Farbraum in eine HSL-­Kodierung umzu­wandeln, beziehungs­weise umge­kehrt aus dem HSL-­Farbraum in eine RGB-­Kodierung. Dabei ist aller­dings zu beach­ten, dass in der Regel eine Trans­formation keine völlig iden­tischen Farben zu liefern vermag. Um eine mög­liche optische Abwei­chung fest­stellen zu können, werden die den gene­rierten Farb­kodie­rungen ent­sprechen­den Farb­töne zur Kontrolle ange­zeigt. Einzig und allein die hexa­dezi­male in die dezi­male RGB-­Kodierung wird bei der Trans­forma­tion immer identi­sche Farben liefern.

Falls zutreffend, werden auch die einer Kodie­rung entspre­chenden Farb­namen angezeigt. Diese sollten jedoch allen­falls in HTML-­Attributen ange­wandt werden und nicht in Style­sheets, denn in CSS(2) sind nur noch sehr wenige Farbnamen erlaubt.

Zur Zeit sind nur die neueren Gecko-­Browser - Mozilla Version 1.6, Firebird 0.7 sowie Firefox 0.8 - in der Lage, über HSL kodierte Farben dar­zu­stellen. Bei der Verwen­dung anderer Browser bleibt das ent­spre­chende Farb­feld im For­mular unver­ändert.

Die Eingabeformate der Kodierungen sind anhand der Beispiele erkennbar. Weder die Raute (#), noch der Schlüssel­name rgb, Klammern oder Prozent­zeichen (%) werden benötigt. Groß- und Klein­schrei­bung wird weder bei hexa­dezi­malen Ziffern noch bei Farb­namen unter­schieden.

Umrechnung von Farbkodierungen
Eingabe von langen Hexadezimalwerten    
f61ad0
  • Min: 000000
  • Max: ffffff
Eingabe von kurzen Hexadezimalwerten    
39f
  • Min: 000
  • Max: fff
Eingabe von absoluten RGB-werten    
151,26,237
  • Min: 0,0,0
  • Max: 255,255,255
Eingabe von prozentualen RGB-werten    
22,45,81
  • Min: 0,0,0
  • Max: 100,100,100
Eingabe von HSL-Werten    
345,60,80
  • Min: 0,0,0
  • Max: 360,100,100
Eingabe von Farbnamen    
dimgray
   
Themenindex

CC logo
Diese Seite ist veröffentlicht unter einer Creative Commons License.