Ressourcen: 137 HTML Farbnamen - Kombination von Farbe paleturquoise und Farbwert #dc143c

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe paleturquoise			Schriftfarbwert #dc143c
Detail	:	Hintergrund paleturquoise	Detail	:	Schrift #dc143c
Farbe	:	paleturquoise	Farbwert	:	#dc143c
Farbwert	:	#afeeee	Farbe	:	crimson
HTML	:	paleturquoise	HTML	:	#dc143c
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#dc143c
CSS	:	paleturquoise	CSS	:	#dc143c
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe paleturquoise nach Schriftfarbwert #dc143c
#afeeee	#b5ced4	#bbafbb	#c290a1	#c87188	#cf526e	#d53355	#dc143c
#afeeee	#b5ced4	#bbafbb	#c290a1	#c87188	#cf526e	#d53355	#dc143c

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

Hintergrundfarbe paleturquoise				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#dc143c	#dc143c	#dc143c	#dc143c
#baf0f0	#baf0f0	#96cccc	#96cccc	#e13557	#e13557	#bc1133	#bc1133
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#e65773	#e65773	#9d0e2a	#9d0e2a
#d1f5f5	#d1f5f5	#648888	#648888	#eb788f	#eb788f	#7d0b22	#7d0b22
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#f09aab	#f09aab	#5e0819	#5e0819
#e8fafa	#e8fafa	#324444	#324444	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#f3fcfc	#f3fcfc	#192222	#192222	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe paleturquoise und Farbwert #dc143c

Wechsel der Umrandung bei Hover von HTML-Tag img

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

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe paleturquoise.

<style type="text/css"><!--
  img { border:5px ridge paleturquoise; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #dc143c ändert.

<style type="text/css"><!--
  img:hover { 
    border-color:#dc143c;
  }
//-->
</style>

Weiteres zum Thema img können Sie in Grafik in HTML finden. Der hier gezeigte HTML-Befehl img ist in der HTML Referenz unter <img> gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

Mit Befehl <a> setzen Sie einen Verweis. Dieser kann hervorgehoben und farblich gestaltet werden.

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

Als Beispiel setzen wir die Hintergrundfarbe von <a> auf Farbe paleturquoise.

<style type="text/css"><!--
  a { 
    background-color: paleturquoise;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #dc143c ändert.

<style type="text/css"><!--
  a: hover { 
    background-color: #dc143c;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML erfahren. Möglichkeiten vom HTML-Tag a lesen Sie in der HTML Referenz unter <a>.