Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbe gray187

von Thomas Salvador.

Graustufen gehören zu den unbunten Farben und zeichnen sich dadurch aus, dass ihre Farbwerte für Rot, Grün und Blau gleich sind.

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbe gray187

DetailHintergrundfarbe gray187 Verlauf nach WeißVerlauf nach Schwarz
Farbe :gray187#bbbbbb#bbbbbb#bbbbbb#bbbbbb
Farbwert :#bbbbbb#c4c4c4#c4c4c4#a0a0a0#a0a0a0
HTML:gray187#cecece#cecece#858585#858585
CSS:gray187#d8d8d8#d8d8d8#6a6a6a#6a6a6a
CSS (Wert):#bbbbbb#e1e1e1#e1e1e1#505050#505050
CSS (kürzest):#bbb#ebebeb#ebebeb#353535#353535
CSS (RGB):rgb(187,187,187)#f5f5f5#f5f5f5#1a1a1a#1a1a1a
CSS (%RGB):rgb(73%,73%,73%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbe gray187

Umrandung von HTML-Befehl cite

In diesem Beispiel umranden wir <cite> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbe gray187. Dies geht mit HTML kaum. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  cite { 
    border-width:4px; 
    border-color:gray187; 
    border-style:dashed;
  }
//-->
</style>

Der Tag cite ist in der HTML Referenz bei <cite> ausführlich zusammengestellt.

Tabelle der 16 Graustufen in HTML

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
black #000000         +  black #000000 black / gray187
gray17 #111111         +  gray17 #111111 gray17 / gray187
gray34 #222222         +  gray34 #222222 gray34 / gray187
gray51 #333333         +  gray51 #333333 gray51 / gray187
gray68 #444444         +  gray68 #444444 gray68 / gray187
gray85 #555555         +  gray85 #555555 gray85 / gray187
gray102 #666666         +  gray102 #666666 gray102 / gray187
gray119 #777777         +  gray119 #777777 gray119 / gray187
gray136 #888888         +  gray136 #888888 gray136 / gray187
gray153 #999999         +  gray153 #999999 gray153 / gray187
gray170 #aaaaaa         +  gray170 #aaaaaa gray170 / gray187
gray187 #bbbbbb         +  gray187 #bbbbbb gray187 / gray187
gray204 #cccccc         +  gray204 #cccccc gray204 / gray187
gray221 #dddddd         +  gray221 #dddddd gray221 / gray187
gray238 #eeeeee         +  gray238 #eeeeee gray238 / gray187
white #ffffff         +  white #ffffff white / gray187

Weitere Farbtabellen