Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #cecece und Farbe gray232

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).

Hintergrundfarbwert #cecece			Schriftfarbe gray232
Detail	:	Hintergrund #cecece	Detail	:	Schrift gray232
Farbwert	:	#cecece	Farbe	:	gray232
Farbe	:	gray206	Farbwert	:	#e8e8e8
HTML	:	#cecece	HTML	:	gray232
HTML (Wert)	:	#cecece	HTML (Wert)	:	#e8e8e8
CSS	:	#cecece	CSS	:	gray232
CSS (Wert)	:	#cecece	CSS (Wert)	:	#e8e8e8
CSS (kürzest)	:	#cecece	CSS (kürzest)	:	#e8e8e8
CSS (RGB)	:	rgb(206,206,206)	CSS (RGB)	:	rgb(232,232,232)
CSS (%RGB)	:	rgb(80%,80%,80%)	CSS (%RGB)	:	rgb(90%,90%,90%)

Verlauf Hintergrundfarbwert #cecece nach Schriftfarbe gray232
#cecece	#d1d1d1	#d5d5d5	#d9d9d9	#dcdcdc	#e0e0e0	#e4e4e4	#e8e8e8
#cecece	#d1d1d1	#d5d5d5	#d9d9d9	#dcdcdc	#e0e0e0	#e4e4e4	#e8e8e8

Kombination von #cecece und gray232
Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben gray232 und #cecece beträgt 93.88%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.12%. gray232 ist nicht als Schriftfarbe auf Hintergrund #cecece geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #cecece				Schriftfarbe gray232
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cecece	#cecece	#cecece	#cecece	#e8e8e8	#e8e8e8	#e8e8e8	#e8e8e8
#d5d5d5	#d5d5d5	#b0b0b0	#b0b0b0	#ebebeb	#ebebeb	#c6c6c6	#c6c6c6
#dcdcdc	#dcdcdc	#939393	#939393	#eeeeee	#eeeeee	#a5a5a5	#a5a5a5
#e3e3e3	#e3e3e3	#757575	#757575	#f1f1f1	#f1f1f1	#848484	#848484
#eaeaea	#eaeaea	#585858	#585858	#f5f5f5	#f5f5f5	#636363	#636363
#f1f1f1	#f1f1f1	#3a3a3a	#3a3a3a	#f8f8f8	#f8f8f8	#424242	#424242
#f8f8f8	#f8f8f8	#1d1d1d	#1d1d1d	#fbfbfb	#fbfbfb	#212121	#212121
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #cecece und Farbe gray232

Hintergrund/Text-Kombination mit HTML-Befehl dfn

Für dieses Beispiel ändern wir die Textfarbe von <dfn> auf Farbe gray232 und die Hintergrundfarbe von <dfn> auf Farbwert #cecece. Die Schriftart ändern wir auf arial und als Schriftgröße entscheiden wir uns für 10pt.

<style type="text/css"><!--
  dfn { 
    font-size:10pt; 
    color:gray232; 
    background-color:#cecece; 
    font-family:arial;
  }
//-->
</style>

Weiteres zu dfn lesen Sie in Text in HTML. Zur Beschreibung vom HTML-Tag <dfn>.

Wechsel der Textfarbe bei Hover bei Tag span

Die Textfarbe soll sich von Farbwert #cecece auf Farbe gray232 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <span> in Farbwert #cecece vor.

Zum Beispiel setzen wir bei <span> die Textfarbe auf Farbwert #cecece.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf gray232 gesetzt wird.

<style type="text/css"><!--
  span:hover { 
    color:gray232;
  }
//-->
</style>

Beschreibung vom Tag <span>.