Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumblue und Farbwert #00ffff

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 mediumblue			Schriftfarbwert #00ffff
Detail	:	Hintergrund mediumblue	Detail	:	Schrift #00ffff
Farbe	:	mediumblue	Farbwert	:	#00ffff
Farbwert	:	#0000cd	Farbe	:	aqua
HTML	:	mediumblue	HTML	:	#00ffff
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#00ffff
CSS	:	mediumblue	CSS	:	#00ffff
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbe mediumblue nach Schriftfarbwert #00ffff
#0000cd	#0024d4	#0048db	#006de2	#0091e9	#00b6f0	#00daf7	#00ffff
#0000cd	#0024d4	#0048db	#006de2	#0091e9	#00b6f0	#00daf7	#00ffff

Kombination von mediumblue und #00ffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von #00ffff und mediumblue beträgt 57.61%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 42.39%. Auf Hintergrund mediumblue ist #00ffff ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe mediumblue				Schriftfarbwert #00ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#00ffff	#00ffff	#00ffff	#00ffff
#2424d4	#2424d4	#0000af	#0000af	#24ffff	#24ffff	#00dada	#00dada
#4848db	#4848db	#000092	#000092	#48ffff	#48ffff	#00b6b6	#00b6b6
#6d6de2	#6d6de2	#000075	#000075	#6dffff	#6dffff	#009191	#009191
#9191e9	#9191e9	#000057	#000057	#91ffff	#91ffff	#006d6d	#006d6d
#b6b6f0	#b6b6f0	#00003a	#00003a	#b6ffff	#b6ffff	#004848	#004848
#dadaf7	#dadaf7	#00001d	#00001d	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumblue und Farbwert #00ffff

Wechsel der Hintergrundfarbe bei Hover bei Befehl ins

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

Wir setzen zum Beispiel die Hintergrundfarbe von <ins> auf Farbe mediumblue. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 99%.

<style type="text/css"><!--
  ins { 
    font-size:99%; 
    background-color:mediumblue; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #00ffff ändert.

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

Weiteres zum hier gezeigten Tag ins erfahren Sie in der HTML Referenz unter <ins>.