Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbe gray119

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 gray119

DetailHintergrundfarbe gray119 Verlauf nach WeißVerlauf nach Schwarz
Farbe :gray119#777777#777777#777777#777777
Farbwert :#777777#8a8a8a#8a8a8a#666666#666666
HTML:gray119#9d9d9d#9d9d9d#555555#555555
CSS:gray119#b1b1b1#b1b1b1#444444#444444
CSS (Wert):#777777#c4c4c4#c4c4c4#333333#333333
CSS (kürzest):#777#d8d8d8#d8d8d8#222222#222222
CSS (RGB):rgb(119,119,119)#ebebeb#ebebeb#111111#111111
CSS (%RGB):rgb(46%,46%,46%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe gray119

Umrandung von Tag a

Mit Befehl <a> erzeugen Sie einen Verweis. Diesen können Sie hervorheben und farblich gestalten.

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbe gray119. In HTML ist dies kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    border-width: 3px; 
    border-style: ridge; 
    border-color: gray119;
  }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Befehl <a>.

Änderung der Hintergrundfarbe bei HTML-Tag strong

Wir legen in diesem Beispiel Farbe gray119 als Hintergrundfarbe von <strong> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  strong { 
    font-size:13px; 
    font-family:arial; 
    background-color:gray119;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Text in HTML. Beschreibung vom Befehl <strong>.

Tabelle der 16 Graustufen in HTML

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

Weitere Farbtabellen