Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000080 und Farbwert #48d1cc

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 #000080			Schriftfarbwert #48d1cc
Detail	:	Hintergrund #000080	Detail	:	Schrift #48d1cc
Farbwert	:	#000080	Farbwert	:	#48d1cc
Farbe	:	navy	Farbe	:	mediumturquoise
HTML	:	#000080	HTML	:	#48d1cc
HTML (Wert)	:	#000080	HTML (Wert)	:	#48d1cc
CSS	:	#000080	CSS	:	#48d1cc
CSS (Wert)	:	#000080	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#000080	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(0,0,128)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(0%,0%,50%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #000080 nach Schriftfarbwert #48d1cc
#000080	#0a1d8a	#143b95	#1e59a0	#2977ab	#3395b6	#3db3c1	#48d1cc
#000080	#0a1d8a	#143b95	#1e59a0	#2977ab	#3395b6	#3db3c1	#48d1cc

Kombination von #000080 und #48d1cc
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#48d1cc eignet sich nicht als Schriftfarbe auf Hintergrund #000080, weil die Farben zu ähnlich sind. Die Ähnlichkeit von #48d1cc und #000080 beträgt 59.09%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 40.91%.

Hintergrundfarbwert #000080				Schriftfarbwert #48d1cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#242492	#242492	#00006d	#00006d	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#4848a4	#4848a4	#00005b	#00005b	#7cdeda	#7cdeda	#339591	#339591
#6d6db6	#6d6db6	#000049	#000049	#96e4e1	#96e4e1	#297774	#297774
#9191c8	#9191c8	#000036	#000036	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#b6b6da	#b6b6da	#000024	#000024	#caf1f0	#caf1f0	#143b3a	#143b3a
#dadaec	#dadaec	#000012	#000012	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000080 und Farbwert #48d1cc

Wechsel der Umrandung bei Hover von Tag dt

Die Rahmenfarbe soll sich von Farbwert #000080 auf Farbwert #48d1cc ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst die Formatierung von <dt> in Farbwert #000080 vor.

In diesem Beispiel umranden wir <dt> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #000080.

<style type="text/css"><!--
  dt { border:1px groove #000080; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #48d1cc geändert wird.

<style type="text/css"><!--
  dt:hover { 
    border-color:#48d1cc;
  }
//-->
</style>

Mehr zum Thema dt lesen Sie in Listen und Glossare in HTML. Einzelheiten des HTML-Tag dt finden Sie in der HTML Referenz unter <dt>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl center

Die Textfarbe soll sich von Farbwert #000080 auf Farbwert #48d1cc ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Formatierung von <center> in Farbwert #000080 vor.

Wir legen zum Beispiel Farbwert #000080 als Textfarbe von <center> fest. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  center { 
    font-size:9px; 
    color:#000080;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #48d1cc geändert wird.

<style type="text/css"><!--
  center: hover { 
    color: #48d1cc;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier gezeigten Tag center ist in der HTML Referenz unter <center> zusammengestellt.