Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #483d8b und Farbwert #00ced1

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.

Hintergrundfarbwert #483d8b			Schriftfarbwert #00ced1
Detail	:	Hintergrund #483d8b	Detail	:	Schrift #00ced1
Farbwert	:	#483d8b	Farbwert	:	#00ced1
Farbe	:	darkslateblue	Farbe	:	darkturquoise
HTML	:	#483d8b	HTML	:	#00ced1
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#00ced1
CSS	:	#483d8b	CSS	:	#00ced1
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbwert #483d8b nach Schriftfarbwert #00ced1
#483d8b	#3d5195	#33669f	#297ba9	#1e8fb3	#14a4bd	#0ab9c7	#00ced1
#483d8b	#3d5195	#33669f	#297ba9	#1e8fb3	#14a4bd	#0ab9c7	#00ced1

Kombination von #483d8b und #00ced1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #00ced1 und #483d8b beträgt 77.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 22.10%. Auf Hintergrund #483d8b ist #00ced1 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #483d8b				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#00ced1	#00ced1	#00ced1	#00ced1
#62589b	#62589b	#3d3477	#3d3477	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#7c74ac	#7c74ac	#332b63	#332b63	#48dcde	#48dcde	#009395	#009395
#9690bc	#9690bc	#29224f	#29224f	#6de3e4	#6de3e4	#007577	#007577
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#91eaeb	#91eaeb	#005859	#005859
#cac7dd	#cac7dd	#141127	#141127	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #483d8b und Farbwert #00ced1

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dt

Die Hintergrundfarbe soll sich von Farbwert #483d8b auf Farbwert #00ced1 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dt> in Farbwert #483d8b vor.

Für dieses Beispiel legen wir bei <dt> die Hintergrundfarbe auf Farbwert #483d8b fest.

<style type="text/css"><!--
  dt { 
    background-color: #483d8b;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #00ced1 geändert wird.

<style type="text/css"><!--
  dt: hover { 
    background-color: #00ced1;
  }
//-->
</style>

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Mehr zum Befehl dt ist in der HTML Referenz unter <dt> genau beschrieben.

Wechsel der Umrandung bei Hover mit Befehl ins

Die Rahmenfarbe soll sich von Farbwert #483d8b auf Farbwert #00ced1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <ins> in Farbwert #483d8b vor.

In diesem Beispiel umranden wir <ins> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #483d8b.

<style type="text/css"><!--
  ins { border:2px outset #483d8b; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #00ced1 gesetzt wird.

<style type="text/css"><!--
  ins: hover { 
    border-color: #00ced1;
  }
//-->
</style>

Weiteres zum Befehl ins finden Sie in der HTML Referenz unter <ins>.