Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #838383

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 #838383
Detail	:	Hintergrundfarbwert #838383	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#838383	#838383	#838383	#838383	#838383
Farbe	:	gray131	#949494	#949494	#707070	#707070
HTML	:	#838383	#a6a6a6	#a6a6a6	#5d5d5d	#5d5d5d
CSS	:	#838383	#b8b8b8	#b8b8b8	#4a4a4a	#4a4a4a
CSS (Wert)	:	#838383	#c9c9c9	#c9c9c9	#383838	#383838
CSS (kürzest)	:	#838383	#dbdbdb	#dbdbdb	#252525	#252525
CSS (RGB)	:	rgb(131,131,131)	#ededed	#ededed	#121212	#121212
CSS (%RGB)	:	rgb(51%,51%,51%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #838383

Umrandung bei Befehl dt

In diesem Beispiel umranden wir <dt> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #838383. Dies geht mit HTML nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  dt { 
    border-color: #838383; 
    border-style: dotted; 
    border-width: 2px;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML lesen. Beschreibung vom hier gezeigten HTML-Tag <dt>.

Änderung der Unterstreichung bei Hover von HTML-Tag h2

Mit HTML-Tag <h2> erzeugen Sie eine Überschrift der 2. Stufe. Sie kann farblich gestaltet werden.

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <h2> so ein, dass sich bei Berührung mit der Maus die Unterstreichungsfarbe auf Farbwert #838383 ändert.

<style type="text/css"><!--
  h2:hover { 
    border-bottom-color:#838383;
  }
//-->
</style>

Weiteres zum Thema h2 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier verwendete Befehl h2 ist in der HTML Referenz unter <h2> gezeigt.