Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray124 und Farbwert #121212

Graustufen enthalten natürlich alle 16 Graustufen und insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 256 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 255 (d.h. hexadezimal 00 bis ff).

Hintergrundfarbe gray124			Schriftfarbwert #121212
Detail	:	Hintergrund gray124	Detail	:	Schrift #121212
Farbe	:	gray124	Farbwert	:	#121212
Farbwert	:	#7c7c7c	Farbe	:	gray18
HTML	:	gray124	HTML	:	#121212
HTML (Wert)	:	#7c7c7c	HTML (Wert)	:	#121212
CSS	:	gray124	CSS	:	#121212
CSS (Wert)	:	#7c7c7c	CSS (Wert)	:	#121212
CSS (kürzest)	:	#7c7c7c	CSS (kürzest)	:	#121212
CSS (RGB)	:	rgb(124,124,124)	CSS (RGB)	:	rgb(18,18,18)
CSS (%RGB)	:	rgb(48%,48%,48%)	CSS (%RGB)	:	rgb(7%,7%,7%)

Verlauf Hintergrundfarbe gray124 nach Schriftfarbwert #121212
#7c7c7c	#6c6c6c	#5d5d5d	#4e4e4e	#3f3f3f	#303030	#212121	#121212
#7c7c7c	#6c6c6c	#5d5d5d	#4e4e4e	#3f3f3f	#303030	#212121	#121212

Kombination von gray124 und #121212
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von #121212 und gray124 ergibt sich zu 78.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 21.37%. #121212 ist nicht als Schriftfarbe auf Hintergrund gray124 geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe gray124				Schriftfarbwert #121212
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7c7c7c	#7c7c7c	#7c7c7c	#7c7c7c	#121212	#121212	#121212	#121212
#8e8e8e	#8e8e8e	#6a6a6a	#6a6a6a	#333333	#333333	#0f0f0f	#0f0f0f
#a1a1a1	#a1a1a1	#585858	#585858	#555555	#555555	#0c0c0c	#0c0c0c
#b4b4b4	#b4b4b4	#464646	#464646	#777777	#777777	#0a0a0a	#0a0a0a
#c6c6c6	#c6c6c6	#353535	#353535	#999999	#999999	#070707	#070707
#d9d9d9	#d9d9d9	#232323	#232323	#bbbbbb	#bbbbbb	#050505	#050505
#ececec	#ececec	#111111	#111111	#dddddd	#dddddd	#020202	#020202
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gray124 und Farbwert #121212

Füllen und Umranden bei Befehl form

In diesem Beispiel umranden wir <form> mit einem 2 Punkte dicken, gefurchten Rahmen in Farbwert #121212 . Die Hintergrundfarbe für <form> setzen wir entsprechend auf Farbe gray124. Das geht mit HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  form { border:2pt groove #121212; background-color:gray124; }
//-->
</style>

Mehr zu form können Sie in Formulare in HTML nachlesen. Der Tag form ist in der HTML Referenz bei <form> gezeigt.

Wechsel der Umrandung bei Hover von Befehl dd

Die Rahmenfarbe soll sich von Farbe gray124 auf Farbwert #121212 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbe gray124 vor.

In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe gray124.

<style type="text/css"><!--
  dd { 
    border-style:double; 
    border-width:5px; 
    border-color:gray124;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #121212 ändert.

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

Mehr zu dd können Sie in Listen und Glossare in HTML lesen. Weiteres zum Tag <dd>.