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

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 #111111			Schriftfarbwert #000000
Detail	:	Hintergrund #111111	Detail	:	Schrift #000000
Farbwert	:	#111111	Farbwert	:	#000000
Farbe	:	gray17	Farbe	:	black
HTML	:	#111111	HTML	:	#000000
HTML (Wert)	:	#111111	HTML (Wert)	:	#000000
CSS	:	#111111	CSS	:	#000000
CSS (Wert)	:	#111111	CSS (Wert)	:	#000000
CSS (kürzest)	:	#111	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(17,17,17)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(6%,6%,6%)	CSS (%RGB)	:	rgb(0%,0%,0%)

Verlauf Hintergrundfarbwert #111111 nach Schriftfarbwert #000000
#111111	#0e0e0e	#0c0c0c	#090909	#070707	#040404	#020202	#000000
#111111	#0e0e0e	#0c0c0c	#090909	#070707	#040404	#020202	#000000

Kombination von #111111 und #000000
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 der Farben #000000 und #111111 ergibt sich zu 94.70%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.30%. #000000 eignet sich nicht als Schriftfarbe auf Hintergrund #111111. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #111111				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#111111	#111111	#111111	#111111	#000000	#000000	#000000	#000000
#333333	#333333	#0e0e0e	#0e0e0e	#242424	#242424	#000000	#000000
#555555	#555555	#0c0c0c	#0c0c0c	#484848	#484848	#000000	#000000
#777777	#777777	#090909	#090909	#6d6d6d	#6d6d6d	#000000	#000000
#999999	#999999	#070707	#070707	#919191	#919191	#000000	#000000
#bbbbbb	#bbbbbb	#040404	#040404	#b6b6b6	#b6b6b6	#000000	#000000
#dddddd	#dddddd	#020202	#020202	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #111111 und Farbwert #000000

Wechsel der Umrandung bei Hover von HTML-Tag center

Die Rahmenfarbe soll sich von Farbwert #111111 auf Farbwert #000000 ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst eine Formatierung von <center> in Farbwert #111111 vor.

In diesem Beispiel umranden wir <center> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #111111.

<style type="text/css"><!--
  center { border:4px ridge #111111; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #000000 gesetzt wird.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier genutzten HTML-Tag <center>.

Wechsel der Textfarbe bei Hover von Befehl thead

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

Für dieses Beispiel setzen wir bei <thead> die Textfarbe auf Farbwert #111111. Die Schriftgröße setzen wir auf 10px:

<style type="text/css"><!--
  thead { 
    font-size: 10px; 
    color: #111;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #000000 ändert.

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

Weiteres zum Thema lesen Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Befehl thead ist in der HTML Referenz bei <thead> beschrieben.