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

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.

Hintergrundfarbe paleturquoise			Schriftfarbwert #40e0d0
Detail	:	Hintergrund paleturquoise	Detail	:	Schrift #40e0d0
Farbe	:	paleturquoise	Farbwert	:	#40e0d0
Farbwert	:	#afeeee	Farbe	:	turquoise
HTML	:	paleturquoise	HTML	:	#40e0d0
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#40e0d0
CSS	:	paleturquoise	CSS	:	#40e0d0
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbe paleturquoise nach Schriftfarbwert #40e0d0
#afeeee	#9fece9	#8feae5	#7fe8e1	#6fe6dc	#5fe4d8	#4fe2d4	#40e0d0
#afeeee	#9fece9	#8feae5	#7fe8e1	#6fe6dc	#5fe4d8	#4fe2d4	#40e0d0

Kombination von paleturquoise und #40e0d0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit von #40e0d0 und paleturquoise ergibt sich zu 93.94%. Die Lesbarkeit dieser Kombination liegt damit bei 6.06%. #40e0d0 ist nicht als Schriftfarbe auf Hintergrund paleturquoise geeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe paleturquoise				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#baf0f0	#baf0f0	#96cccc	#96cccc	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#76e8dd	#76e8dd	#2da094	#2da094
#d1f5f5	#d1f5f5	#648888	#648888	#91ede4	#91ede4	#248076	#248076
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#adf1ea	#adf1ea	#1b6059	#1b6059
#e8fafa	#e8fafa	#324444	#324444	#c8f6f1	#c8f6f1	#12403b	#12403b
#f3fcfc	#f3fcfc	#192222	#192222	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe paleturquoise und Farbwert #40e0d0

Zebra-Effekt mit HTML-Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit unterschiedlichen Hintergrundfarben Farbe paleturquoise und Farbwert #40e0d0.

<style type="text/css"><!--
  tr.ung { 
    background-color:paleturquoise;
  }
  tr.ger { 
    background-color: #40e0d0;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr class="ung"><td>Ca,a</td><td>Cb,a</td><td>Cc,a</td></tr>
<tr class="ger"><td>Ca,b</td><td>Cb,b</td><td>Cc,b</td></tr>
<tr class="ung"><td>Ca,c</td><td>Cb,c</td><td>Cc,c</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten vom Tag <tr>.

Wechsel der Umrandung bei Hover von Tag form

Die Rahmenfarbe soll sich von Farbe paleturquoise auf Farbwert #40e0d0 ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst eine Formatierung von <form> in Farbe paleturquoise vor.

In diesem Beispiel umranden wir <form> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe paleturquoise.

<style type="text/css"><!--
  form { 
    border-color: paleturquoise; 
    border-style: groove; 
    border-width: 3px;
  }
//-->
</style>

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

<style type="text/css"><!--
  form:hover { 
    border-color:#40e0d0;
  }
//-->
</style>

Mehr zum Thema form lesen Sie in Formulare in HTML. Der Tag form ist in der HTML Referenz bei <form> genau beschrieben.