Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b8860b und Farbe mediumturquoise

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 #b8860b			Schriftfarbe mediumturquoise
Detail	:	Hintergrund #b8860b	Detail	:	Schrift mediumturquoise
Farbwert	:	#b8860b	Farbe	:	mediumturquoise
Farbe	:	darkgoldenrod	Farbwert	:	#48d1cc
HTML	:	#b8860b	HTML	:	mediumturquoise
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#48d1cc
CSS	:	#b8860b	CSS	:	mediumturquoise
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbe mediumturquoise
#b8860b	#a89026	#989b42	#88a65d	#78b079	#68bb94	#58c6b0	#48d1cc
#b8860b	#a89026	#989b42	#88a65d	#78b079	#68bb94	#58c6b0	#48d1cc

Kombination von #b8860b und mediumturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				mediumturquoise ist nicht als Schriftfarbe auf Hintergrund #b8860b geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben mediumturquoise und #b8860b beträgt 91.69%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.31%.

Hintergrundfarbwert #b8860b				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#c2972d	#c2972d	#9d7209	#9d7209	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#cca850	#cca850	#835f07	#835f07	#7cdeda	#7cdeda	#339591	#339591
#d6b973	#d6b973	#694c06	#694c06	#96e4e1	#96e4e1	#297774	#297774
#e0cb96	#e0cb96	#4e3904	#4e3904	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#eadcb9	#eadcb9	#342603	#342603	#caf1f0	#caf1f0	#143b3a	#143b3a
#f4eddc	#f4eddc	#1a1301	#1a1301	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #b8860b und Farbe mediumturquoise

Wechsel der Textfarbe bei Hover mit HTML-Befehl q

Die Textfarbe soll sich von Farbwert #b8860b auf Farbe mediumturquoise ändern, wenn man mit der Maus auf <q> zeigt. Bereiten wir zunächst eine Darstellung von <q> in Farbwert #b8860b vor.

Als Beispiel legen wir Farbwert #b8860b als Textfarbe von <q> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf sans-serif und erhöhen die Schriftgröße auf 123%.

<style type="text/css"><!--
  q { 
    font-size: 123%; 
    color: #b8860b; 
    font-family: sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf mediumturquoise ändert.

<style type="text/css"><!--
  q:hover { 
    color:mediumturquoise;
  }
//-->
</style>

Weiteres zum HTML-Befehl q ist in der HTML Referenz bei <q> genau zusammengestellt.