Ressourcen: 137 HTML Farbnamen - Kombination von Farbe yellow und Farbwert #00008b

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe yellow			Schriftfarbwert #00008b
Detail	:	Hintergrund yellow	Detail	:	Schrift #00008b
Farbe	:	yellow	Farbwert	:	#00008b
Farbwert	:	#ffff00	Farbe	:	darkblue
HTML	:	yellow	HTML	:	#00008b
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#00008b
CSS	:	yellow	CSS	:	#00008b
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbe yellow nach Schriftfarbwert #00008b
#ffff00	#dada13	#b6b627	#91913b	#6d6d4f	#484863	#242477	#00008b
#ffff00	#dada13	#b6b627	#91913b	#6d6d4f	#484863	#242477	#00008b

Kombination von yellow und #00008b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				#00008b eignet sich als Schriftfarbe auf Hintergrund yellow, weil Helligkeitsunterschied und Farbenunterschied ok sind. Die Ähnlichkeit von #00008b und yellow ergibt sich zu 32.17%. Die Lesbarkeit dieser Kombination liegt damit bei 67.83%.

Hintergrundfarbe yellow				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#00008b	#00008b	#00008b	#00008b
#ffff24	#ffff24	#dada00	#dada00	#24249b	#24249b	#000077	#000077
#ffff48	#ffff48	#b6b600	#b6b600	#4848ac	#4848ac	#000063	#000063
#ffff6d	#ffff6d	#919100	#919100	#6d6dbc	#6d6dbc	#00004f	#00004f
#ffff91	#ffff91	#6d6d00	#6d6d00	#9191cd	#9191cd	#00003b	#00003b
#ffffb6	#ffffb6	#484800	#484800	#b6b6dd	#b6b6dd	#000027	#000027
#ffffda	#ffffda	#242400	#242400	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe yellow und Farbwert #00008b

Wechsel der Hintergrundfarbe bei Hover von Befehl h5

Eine Überschrift wird mit HTML-Befehl <h5> erzeugt. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbe yellow auf Farbwert #00008b ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst eine Formatierung von <h5> in Farbe yellow vor.

Wir ändern z.B. die Hintergrundfarbe von <h5> auf Farbe yellow. Die Textfarbe ändern wir nicht. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  h5 { 
    background-color: yellow; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #00008b ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum hier gezeigten HTML-Befehl <h5>.