Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #40e0d0 und Farbe orange

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 #40e0d0			Schriftfarbe orange
Detail	:	Hintergrund #40e0d0	Detail	:	Schrift orange
Farbwert	:	#40e0d0	Farbe	:	orange
Farbe	:	turquoise	Farbwert	:	#ffa500
HTML	:	#40e0d0	HTML	:	orange
HTML (Wert)	:	#40e0d0	HTML (Wert)	:	#ffa500
CSS	:	#40e0d0	CSS	:	orange
CSS (Wert)	:	#40e0d0	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#40e0d0	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(64,224,208)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(25%,87%,81%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #40e0d0 nach Schriftfarbe orange
#40e0d0	#5bd7b2	#76cf94	#91c676	#adbe59	#c8b53b	#e3ad1d	#ffa500
#40e0d0	#5bd7b2	#76cf94	#91c676	#adbe59	#c8b53b	#e3ad1d	#ffa500

Kombination von #40e0d0 und orange
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von orange und #40e0d0 beträgt 94.27%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.73%. Auf Hintergrund #40e0d0 ist orange ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #40e0d0				Schriftfarbe orange
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#40e0d0	#40e0d0	#40e0d0	#40e0d0	#ffa500	#ffa500	#ffa500	#ffa500
#5be4d6	#5be4d6	#36c0b2	#36c0b2	#ffb124	#ffb124	#da8d00	#da8d00
#76e8dd	#76e8dd	#2da094	#2da094	#ffbe48	#ffbe48	#b67500	#b67500
#91ede4	#91ede4	#248076	#248076	#ffcb6d	#ffcb6d	#915e00	#915e00
#adf1ea	#adf1ea	#1b6059	#1b6059	#ffd891	#ffd891	#6d4600	#6d4600
#c8f6f1	#c8f6f1	#12403b	#12403b	#ffe5b6	#ffe5b6	#482f00	#482f00
#e3faf8	#e3faf8	#09201d	#09201d	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #40e0d0 und Farbe orange

Wechsel der Textfarbe bei Hover bei HTML-Tag tr

Die Textfarbe soll sich von Farbwert #40e0d0 auf Farbe orange ändern, wenn man mit der Maus auf <tr> zeigt. Bereiten wir zunächst die Darstellung von <tr> in Farbwert #40e0d0 vor.

Als Beispiel legen wir bei <tr> die Textfarbe auf Farbwert #40e0d0 fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana. Die Schriftgröße setzen wir auf 12pt:

<style type="text/css"><!--
  tr { 
    color: #40e0d0; 
    font-size: 12pt; 
    font-family: verdana;
  }
//-->
</style>

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

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

Weiteres zum Thema finden Sie in Tabellen in HTML. Mehr zum Befehl tr ist in der HTML Referenz unter <tr> genau beschrieben.