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

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 mediumorchid
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift mediumorchid
Farbwert	:	#6b8e23	Farbe	:	mediumorchid
Farbe	:	olivedrab	Farbwert	:	#ba55d3
HTML	:	#6b8e23	HTML	:	mediumorchid
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#ba55d3
CSS	:	#6b8e23	CSS	:	mediumorchid
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbe mediumorchid
#6b8e23	#76853c	#817d55	#8c756e	#986d87	#a365a0	#ae5db9	#ba55d3
#6b8e23	#76853c	#817d55	#8c756e	#986d87	#a365a0	#ae5db9	#ba55d3

Kombination von #6b8e23 und mediumorchid
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben mediumorchid und #6b8e23 beträgt 95.07%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 4.93%. mediumorchid eignet sich nicht als Schriftfarbe auf Hintergrund #6b8e23, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #6b8e23				Schriftfarbe mediumorchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#809e42	#809e42	#5b791e	#5b791e	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#95ae61	#95ae61	#4c6519	#4c6519	#cd85df	#cd85df	#843c96	#843c96
#aabe81	#aabe81	#3d5114	#3d5114	#d79de5	#d79de5	#6a3078	#6a3078
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#d4dec0	#d4dec0	#1e280a	#1e280a	#ebcef2	#ebcef2	#35183c	#35183c
#e9eedf	#e9eedf	#0f1405	#0f1405	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6b8e23 und Farbe mediumorchid

Wechsel der Umrandung bei Hover mit Tag span

Die Rahmenfarbe soll sich von Farbwert #6b8e23 auf Farbe mediumorchid ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <span> in Farbwert #6b8e23 vor.

In diesem Beispiel umranden wir <span> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #6b8e23.

<style type="text/css"><!--
  span { border:1px ridge #6b8e23; }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu mediumorchid ändert.

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

Einzelheiten vom Befehl span lesen Sie in der HTML Referenz unter <span>.

Hintergrund/Text-Kombination bei HTML-Tag label

Hier ändern wir die Textfarbe von <label> auf Farbe mediumorchid und die Hintergrundfarbe von <label> auf Farbwert #6b8e23. Als Schriftart setzen wir monospace. Die Schriftgröße verringern wir auf 98%.

<style type="text/css"><!--
  label { 
    color:mediumorchid; 
    font-family:monospace; 
    font-size:98%; 
    background-color:#6b8e23;
  }
//-->
</style>

Weiteres zu label können Sie in Formulare in HTML lesen. Einzelheiten vom hier verwendeten Tag label erfahren Sie in der HTML Referenz unter <label>.