Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00008b und Farbe mediumturquoise

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.

Hintergrundfarbwert #00008b			Schriftfarbe mediumturquoise
Detail	:	Hintergrund #00008b	Detail	:	Schrift mediumturquoise
Farbwert	:	#00008b	Farbe	:	mediumturquoise
Farbe	:	darkblue	Farbwert	:	#48d1cc
HTML	:	#00008b	HTML	:	mediumturquoise
HTML (Wert)	:	#00008b	HTML (Wert)	:	#48d1cc
CSS	:	#00008b	CSS	:	mediumturquoise
CSS (Wert)	:	#00008b	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbe mediumturquoise
#00008b	#0a1d94	#143b9d	#1e59a6	#2977b0	#3395b9	#3db3c2	#48d1cc
#00008b	#0a1d94	#143b9d	#1e59a6	#2977b0	#3395b9	#3db3c2	#48d1cc

Kombination von #00008b und mediumturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von mediumturquoise und #00008b beträgt 60.92%. Die Lesbarkeit dieser Farbkombination liegt damit bei 39.08%. mediumturquoise eignet sich nicht als Schriftfarbe auf Hintergrund #00008b. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind jedoch zu ähnlich.

Hintergrundfarbwert #00008b				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#24249b	#24249b	#000077	#000077	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#4848ac	#4848ac	#000063	#000063	#7cdeda	#7cdeda	#339591	#339591
#6d6dbc	#6d6dbc	#00004f	#00004f	#96e4e1	#96e4e1	#297774	#297774
#9191cd	#9191cd	#00003b	#00003b	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#b6b6dd	#b6b6dd	#000027	#000027	#caf1f0	#caf1f0	#143b3a	#143b3a
#dadaee	#dadaee	#000013	#000013	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00008b und Farbe mediumturquoise

Wechsel der Umrandung bei Hover von HTML-Tag address

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

In diesem Beispiel umranden wir <address> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbwert #00008b.

<style type="text/css"><!--
  address { border:4px groove #00008b; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf mediumturquoise geändert wird.

<style type="text/css"><!--
  address:hover { 
    border-color:mediumturquoise;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten des Tag address erfahren Sie in der HTML Referenz unter <address>.

Füllen und Umranden mit Tag frameset

Hier umranden wir <frameset> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe mediumturquoise . Den Hintergrund von <frameset> färben wir entsprechend mit Farbwert #00008b. In HTML ist dies kaum machbar. Daher nutzen wir CSS.

<style type="text/css"><!--
  frameset { border:2px outset mediumturquoise; background-color:#00008b; }
//-->
</style>

Mehr zum Tag <frameset>.