Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #bdb76b und Farbe turquoise

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 #bdb76b			Schriftfarbe turquoise
Detail	:	Hintergrund #bdb76b	Detail	:	Schrift turquoise
Farbwert	:	#bdb76b	Farbe	:	turquoise
Farbe	:	darkkhaki	Farbwert	:	#40e0d0
HTML	:	#bdb76b	HTML	:	turquoise
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#40e0d0
CSS	:	#bdb76b	CSS	:	turquoise
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbwert #bdb76b nach Schriftfarbe turquoise
#bdb76b	#abbc79	#99c287	#87c896	#75cea4	#63d4b3	#51dac1	#40e0d0
#bdb76b	#abbc79	#99c287	#87c896	#75cea4	#63d4b3	#51dac1	#40e0d0

Kombination von #bdb76b und turquoise
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund #bdb76b ist turquoise ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von turquoise und #bdb76b beträgt 94.00%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.00%.

Hintergrundfarbwert #bdb76b				Schriftfarbe turquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#c6c180	#c6c180	#a29c5b	#a29c5b	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#cfcb95	#cfcb95	#87824c	#87824c	#76e8dd	#76e8dd	#2da094	#2da094
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#91ede4	#91ede4	#248076	#248076
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#adf1ea	#adf1ea	#1b6059	#1b6059
#ecead4	#ecead4	#36341e	#36341e	#c8f6f1	#c8f6f1	#12403b	#12403b
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #bdb76b und Farbe turquoise

Wechsel der Hintergrundfarbe bei Hover mit Tag thead

Die Hintergrundfarbe soll sich von Farbwert #bdb76b auf Farbe turquoise ändern, wenn man mit der Maus auf <thead> zeigt. Bereiten wir zunächst eine Darstellung von <thead> in Farbwert #bdb76b vor.

Wir legen zum Beispiel die Hintergrundfarbe von <thead> auf Farbwert #bdb76b fest. Die Schriftgröße ändern wir auf 9pt.

<style type="text/css"><!--
  thead { 
    background-color: #bdb76b; 
    font-size: 9pt;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf turquoise gesetzt wird.

<style type="text/css"><!--
  thead: hover { 
    background-color: turquoise;
  }
//-->
</style>

Mehr zum Thema thead können Sie in Tabellen in HTML erfahren. Beschreibung des Tag <thead>.

Wechsel der Textfarbe bei Hover mit HTML-Tag tr

Die Textfarbe soll sich von Farbwert #bdb76b auf Farbe turquoise ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <tr> in Farbwert #bdb76b vor.

Wir ändern als Beispiel bei <tr> die Textfarbe auf Farbwert #bdb76b und verringern die Größe der Schrift auf 82%:

<style type="text/css"><!--
  tr { 
    color: #bdb76b; 
    font-size: 82%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf turquoise gesetzt wird.

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

Weiteres zum Thema tr können Sie in Tabellen in HTML nachlesen. Weiteres zum hier genutzten Tag tr finden Sie in der HTML Referenz unter <tr>.