Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray119 und Farbwert #c6c6c6

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 gray119			Schriftfarbwert #c6c6c6
Detail	:	Hintergrund gray119	Detail	:	Schrift #c6c6c6
Farbe	:	gray119	Farbwert	:	#c6c6c6
Farbwert	:	#777777	Farbe	:	gray198
HTML	:	gray119	HTML	:	#c6c6c6
HTML (Wert)	:	#777777	HTML (Wert)	:	#c6c6c6
CSS	:	gray119	CSS	:	#c6c6c6
CSS (Wert)	:	#777777	CSS (Wert)	:	#c6c6c6
CSS (kürzest)	:	#777	CSS (kürzest)	:	#c6c6c6
CSS (RGB)	:	rgb(119,119,119)	CSS (RGB)	:	rgb(198,198,198)
CSS (%RGB)	:	rgb(46%,46%,46%)	CSS (%RGB)	:	rgb(77%,77%,77%)

Verlauf Hintergrundfarbe gray119 nach Schriftfarbwert #c6c6c6
#777777	#828282	#8d8d8d	#989898	#a4a4a4	#afafaf	#bababa	#c6c6c6
#777777	#828282	#8d8d8d	#989898	#a4a4a4	#afafaf	#bababa	#c6c6c6

Kombination von gray119 und #c6c6c6
Cras id velit ante. 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.				Auf Hintergrund gray119 ist #c6c6c6 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #c6c6c6 und gray119 ergibt sich zu 87.52%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 12.48%.

Hintergrundfarbe gray119				Schriftfarbwert #c6c6c6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#777777	#777777	#777777	#777777	#c6c6c6	#c6c6c6	#c6c6c6	#c6c6c6
#8a8a8a	#8a8a8a	#666666	#666666	#cecece	#cecece	#a9a9a9	#a9a9a9
#9d9d9d	#9d9d9d	#555555	#555555	#d6d6d6	#d6d6d6	#8d8d8d	#8d8d8d
#b1b1b1	#b1b1b1	#444444	#444444	#dedede	#dedede	#717171	#717171
#c4c4c4	#c4c4c4	#333333	#333333	#e6e6e6	#e6e6e6	#545454	#545454
#d8d8d8	#d8d8d8	#222222	#222222	#eeeeee	#eeeeee	#383838	#383838
#ebebeb	#ebebeb	#111111	#111111	#f6f6f6	#f6f6f6	#1c1c1c	#1c1c1c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gray119 und Farbwert #c6c6c6

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl h5

Eine Überschrift der 5. Stufe erzeugt man mit Tag <h5>. Diese können Sie farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe gray119 auf Farbwert #c6c6c6 ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst die Darstellung von <h5> in Farbe gray119 vor.

Zum Beispiel legen wir Farbe gray119 als Hintergrundfarbe von <h5> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial und verkleinern die Schriftgröße auf 87%.

<style type="text/css"><!--
  h5 { 
    font-size:87%; 
    background-color:gray119; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #c6c6c6 geändert wird.

<style type="text/css"><!--
  h5: hover { 
    background-color: #c6c6c6;
  }
//-->
</style>

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier genutzten HTML-Befehl h5 ist in der HTML Referenz bei <h5> genau beschrieben.

Füllen und Umranden von HTML-Tag iframe

Für dieses Beispiel umranden wir <iframe> mit einem . Die Hintergrundfarbe für <iframe> färben wir mit Farbe gray119. In HTML ist das kaum machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  iframe { border:4px groove #c6c6c6; background-color:gray119; }
//-->
</style>

Möglichkeiten des HTML-Tag iframe finden Sie in der HTML Referenz unter <iframe>.