Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #000000 und Farbwert #999999

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 #000000			Schriftfarbwert #999999
Detail	:	Hintergrund #000000	Detail	:	Schrift #999999
Farbwert	:	#000000	Farbwert	:	#999999
Farbe	:	black	Farbe	:	gray153
HTML	:	#000000	HTML	:	#999999
HTML (Wert)	:	#000000	HTML (Wert)	:	#999999
CSS	:	#000000	CSS	:	#999999
CSS (Wert)	:	#000000	CSS (Wert)	:	#999999
CSS (kürzest)	:	#000	CSS (kürzest)	:	#999
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(153,153,153)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(60%,60%,60%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #999999
#000000	#151515	#2b2b2b	#414141	#575757	#6d6d6d	#838383	#999999
#000000	#151515	#2b2b2b	#414141	#575757	#6d6d6d	#838383	#999999

Kombination von #000000 und #999999
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #999999 und #000000 ergibt sich zu 64.90%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 35.10%. #999999 eignet sich nicht als Schriftfarbe auf Hintergrund #000000, weil sich die Farben zu ähnlich sind.

Hintergrundfarbwert #000000				Schriftfarbwert #999999
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#999999	#999999	#999999	#999999
#242424	#242424	#000000	#000000	#a7a7a7	#a7a7a7	#838383	#838383
#484848	#484848	#000000	#000000	#b6b6b6	#b6b6b6	#6d6d6d	#6d6d6d
#6d6d6d	#6d6d6d	#000000	#000000	#c4c4c4	#c4c4c4	#575757	#575757
#919191	#919191	#000000	#000000	#d3d3d3	#d3d3d3	#414141	#414141
#b6b6b6	#b6b6b6	#000000	#000000	#e1e1e1	#e1e1e1	#2b2b2b	#2b2b2b
#dadada	#dadada	#000000	#000000	#f0f0f0	#f0f0f0	#151515	#151515
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #999999

Wechsel der Textfarbe bei Hover mit HTML-Tag dd

Die Textfarbe soll sich von Farbwert #000000 auf Farbwert #999999 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <dd> in Farbwert #000000 vor.

Wir legen z.B. Farbwert #000000 als Textfarbe von <dd> fest:

<style type="text/css"><!--
  dd { 
    color: #000000;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #999999 ändert.

<style type="text/css"><!--
  dd: hover { 
    color: #999999;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML nachsehen. Die Beschreibung vom hier genutzten Tag dd finden Sie in der HTML Referenz unter <dd>.

Text- und Unterstreichungsfarben bei HTML-Tag s

Wir ändern bei diesem Beispiel die Textfarbe von <s> auf Farbwert #999999. Die Schriftart setzen wir auf arial und erhöhen die Schriftgröße auf 122%. Wir unterstreichen den Inhalt von <s> mit Hilfe eines gefurchten Rahmens mit 2 Punkte Dicke in Farbwert #000000. In HTML ist dies kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  s { 
    color:#999999; 
    font-family:arial; 
    border-bottom-style:groove; 
    border-bottom-width:2pt; 
    font-size:122%; 
    border-bottom-color:#000;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu s finden Sie in Text in HTML. Die Beschreibung des Tag s erfahren Sie in der HTML Referenz unter <s>.