Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightpink und Farbwert #4b0082

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 lightpink			Schriftfarbwert #4b0082
Detail	:	Hintergrund lightpink	Detail	:	Schrift #4b0082
Farbe	:	lightpink	Farbwert	:	#4b0082
Farbwert	:	#ffb6c1	Farbe	:	indigo
HTML	:	lightpink	HTML	:	#4b0082
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#4b0082
CSS	:	lightpink	CSS	:	#4b0082
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbe lightpink nach Schriftfarbwert #4b0082
#ffb6c1	#e59cb8	#cb82af	#b168a6	#984e9d	#7e3494	#641a8b	#4b0082
#ffb6c1	#e59cb8	#cb82af	#b168a6	#984e9d	#7e3494	#641a8b	#4b0082

Kombination von lightpink und #4b0082
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#4b0082 eignet sich nicht als Schriftfarbe auf Hintergrund lightpink, da sich die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #4b0082 und lightpink beträgt 62.66%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 37.34%.

Hintergrundfarbe lightpink				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#4b0082	#4b0082	#4b0082	#4b0082
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#642493	#642493	#40006f	#40006f
#ffcad2	#ffcad2	#b68289	#b68289	#7e48a5	#7e48a5	#35005c	#35005c
#ffd5db	#ffd5db	#91686e	#91686e	#986db7	#986db7	#2a004a	#2a004a
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#b191c9	#b191c9	#200037	#200037
#ffeaed	#ffeaed	#483437	#483437	#cbb6db	#cbb6db	#150025	#150025
#fff4f6	#fff4f6	#241a1b	#241a1b	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightpink und Farbwert #4b0082

Wechsel der Umrandung bei Hover von Tag img

Die Rahmenfarbe soll sich von Farbe lightpink auf Farbwert #4b0082 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <img> in Farbe lightpink vor.

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

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

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #4b0082 geändert wird.

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

Mehr zu img finden Sie in Grafik in HTML. Zur Beschreibung des hier genutzten Tag <img>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag center

Die Hintergrundfarbe soll sich von Farbe lightpink auf Farbwert #4b0082 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <center> in Farbe lightpink vor.

Z.B. legen wir Farbe lightpink als Hintergrundfarbe von <center> fest. Die Schriftgröße setzen wir auf 91%.

<style type="text/css"><!--
  center { 
    background-color:lightpink; 
    font-size:91%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #4b0082 gesetzt wird.

<style type="text/css"><!--
  center: hover { 
    background-color: #4b0082;
  }
//-->
</style>

Mehr zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Tag center finden Sie in der HTML Referenz unter <center>.