Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbwert #444444

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.

Hintergrundfarbwert #444444

DetailHintergrundfarbwert #444444 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#444444#444444#444444#444444#444444
Farbe :gray68#5e5e5e#5e5e5e#3a3a3a#3a3a3a
HTML:#444444#797979#797979#303030#303030
CSS:#444444#949494#949494#262626#262626
CSS (Wert):#444444#aeaeae#aeaeae#1d1d1d#1d1d1d
CSS (kürzest):#444#c9c9c9#c9c9c9#131313#131313
CSS (RGB):rgb(68,68,68)#e4e4e4#e4e4e4#090909#090909
CSS (%RGB):rgb(26%,26%,26%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #444444

Farbige Unterstreichung von HTML-Befehl dfn

In diesem Beispiel unterstreichen wir <dfn> mit Hilfe eines gestrichelten Rahmens mit 4 Pixel Dicke in Farbwert #444444. Das ist in HTML so kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  dfn { border-bottom:4px dashed #444444; }
//-->
</style>

Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man das bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine normale Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu dfn können Sie in Text in HTML nachlesen. Einzelheiten vom Tag dfn sind in der HTML Referenz bei <dfn> zusammengestellt.

Änderung der Hintergrundfarbe von Befehl em

Wir legen als Beispiel Farbwert #444444 als Hintergrundfarbe von <em> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 9px.

<style type="text/css"><!--
  em { 
    font-size: 9px; 
    font-family: sans-serif; 
    background-color: #444444;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Text in HTML. Mehr zum HTML-Befehl <em>.

Tabelle der 16 Graustufen in HTML

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

Weitere Farbtabellen