Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbwert #6b8e23

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #f8f8ff			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #6b8e23
Farbwert	:	#f8f8ff	Farbwert	:	#6b8e23
Farbe	:	ghostwhite	Farbe	:	olivedrab
HTML	:	#f8f8ff	HTML	:	#6b8e23
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#6b8e23
CSS	:	#f8f8ff	CSS	:	#6b8e23
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #6b8e23
#f8f8ff	#e3e8df	#cfd9c0	#bbcaa0	#a7bb81	#93ac61	#7f9d42	#6b8e23
#f8f8ff	#e3e8df	#cfd9c0	#bbcaa0	#a7bb81	#93ac61	#7f9d42	#6b8e23

Kombination von #f8f8ff und #6b8e23
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund #f8f8ff ist #6b8e23 ungeeignet, weil die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #6b8e23 und #f8f8ff beträgt 82.86%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 17.14%.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#809e42	#809e42	#5b791e	#5b791e
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#95ae61	#95ae61	#4c6519	#4c6519
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#aabe81	#aabe81	#3d5114	#3d5114
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fdfdff	#fdfdff	#464648	#464648	#d4dec0	#d4dec0	#1e280a	#1e280a
#fefeff	#fefeff	#232324	#232324	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f8f8ff und Farbwert #6b8e23

Wechsel der Umrandung bei Hover bei HTML-Tag dt

Die Rahmenfarbe soll sich von Farbwert #f8f8ff auf Farbwert #6b8e23 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbwert #f8f8ff vor.

In diesem Beispiel umranden wir <dt> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #f8f8ff.

<style type="text/css"><!--
  dt { border:5px dotted #f8f8ff; }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #6b8e23 ändert.

<style type="text/css"><!--
  dt:hover { 
    border-color:#6b8e23;
  }
//-->
</style>

Mehr zu dt können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten vom hier genutzten Befehl <dt>.