Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #eeeeee und Farbwert #848484

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 #eeeeee			Schriftfarbwert #848484
Detail	:	Hintergrund #eeeeee	Detail	:	Schrift #848484
Farbwert	:	#eeeeee	Farbwert	:	#848484
Farbe	:	gray238	Farbe	:	gray132
HTML	:	#eeeeee	HTML	:	#848484
HTML (Wert)	:	#eeeeee	HTML (Wert)	:	#848484
CSS	:	#eeeeee	CSS	:	#848484
CSS (Wert)	:	#eeeeee	CSS (Wert)	:	#848484
CSS (kürzest)	:	#eee	CSS (kürzest)	:	#848484
CSS (RGB)	:	rgb(238,238,238)	CSS (RGB)	:	rgb(132,132,132)
CSS (%RGB)	:	rgb(93%,93%,93%)	CSS (%RGB)	:	rgb(51%,51%,51%)

Verlauf Hintergrundfarbwert #eeeeee nach Schriftfarbwert #848484
#eeeeee	#dedede	#cfcfcf	#c0c0c0	#b1b1b1	#a2a2a2	#939393	#848484
#eeeeee	#dedede	#cfcfcf	#c0c0c0	#b1b1b1	#a2a2a2	#939393	#848484

Kombination von #eeeeee und #848484
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. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von #848484 und #eeeeee beträgt 84.65%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 15.35%. Auf Hintergrund #eeeeee ist #848484 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #eeeeee				Schriftfarbwert #848484
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eeeeee	#eeeeee	#eeeeee	#eeeeee	#848484	#848484	#848484	#848484
#f0f0f0	#f0f0f0	#cccccc	#cccccc	#959595	#959595	#717171	#717171
#f2f2f2	#f2f2f2	#aaaaaa	#aaaaaa	#a7a7a7	#a7a7a7	#5e5e5e	#5e5e5e
#f5f5f5	#f5f5f5	#888888	#888888	#b8b8b8	#b8b8b8	#4b4b4b	#4b4b4b
#f7f7f7	#f7f7f7	#666666	#666666	#cacaca	#cacaca	#383838	#383838
#fafafa	#fafafa	#444444	#444444	#dbdbdb	#dbdbdb	#252525	#252525
#fcfcfc	#fcfcfc	#222222	#222222	#ededed	#ededed	#121212	#121212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eeeeee und Farbwert #848484

Füllen und Umranden mit Tag fieldset

Hier umranden wir <fieldset> mit einem . Den Hintergrund von <fieldset> setzen wir auf Farbwert #eeeeee. In HTML ist das nicht möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  fieldset { border:1px outset #848484; background-color:#eee; }
//-->
</style>

Weiteres zu fieldset erfahren Sie in Formulare in HTML. Einzelheiten des hier genutzten HTML-Befehl fieldset sind in der HTML Referenz bei <fieldset> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover mit HTML-Befehl span

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

Wir setzen zum Beispiel die Textfarbe von <span> auf Farbwert #eeeeee. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 95S%.

<style type="text/css"><!--
  span { 
    font-size: 95S%; 
    font-family: monospace; 
    color: #eeeeee;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #848484 gesetzt wird.

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

Mehr zum Befehl <span>.