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

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 #6b8e23			Schriftfarbe mediumblue
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift mediumblue
Farbwert	:	#6b8e23	Farbe	:	mediumblue
Farbe	:	olivedrab	Farbwert	:	#0000cd
HTML	:	#6b8e23	HTML	:	mediumblue
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#0000cd
CSS	:	#6b8e23	CSS	:	mediumblue
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbe mediumblue
#6b8e23	#5b793b	#4c6553	#3d516b	#2d3c84	#1e289c	#0f14b4	#0000cd
#6b8e23	#5b793b	#4c6553	#3d516b	#2d3c84	#1e289c	#0f14b4	#0000cd

Kombination von #6b8e23 und mediumblue
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #6b8e23 ist mediumblue ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von mediumblue und #6b8e23 ergibt sich zu 86.03%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.97%.

Hintergrundfarbwert #6b8e23				Schriftfarbe mediumblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#0000cd	#0000cd	#0000cd	#0000cd
#809e42	#809e42	#5b791e	#5b791e	#2424d4	#2424d4	#0000af	#0000af
#95ae61	#95ae61	#4c6519	#4c6519	#4848db	#4848db	#000092	#000092
#aabe81	#aabe81	#3d5114	#3d5114	#6d6de2	#6d6de2	#000075	#000075
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#9191e9	#9191e9	#000057	#000057
#d4dec0	#d4dec0	#1e280a	#1e280a	#b6b6f0	#b6b6f0	#00003a	#00003a
#e9eedf	#e9eedf	#0f1405	#0f1405	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #6b8e23 und Farbe mediumblue

Wechsel der Umrandung bei Hover mit Tag dd

Die Rahmenfarbe soll sich von Farbwert #6b8e23 auf Farbe mediumblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <dd> in Farbwert #6b8e23 vor.

In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #6b8e23.

<style type="text/css"><!--
  dd { 
    border-style: dashed; 
    border-width: 5px; 
    border-color: #6b8e23;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf mediumblue geändert wird.

<style type="text/css"><!--
  dd: hover { 
    border-color: mediumblue;
  }
//-->
</style>

Mehr zum Thema dd erfahren Sie in Listen und Glossare in HTML. Möglichkeiten des hier genutzten HTML-Tag <dd>.