Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #5f9ea0 und Farbwert #2f4f4f

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 #5f9ea0			Schriftfarbwert #2f4f4f
Detail	:	Hintergrund #5f9ea0	Detail	:	Schrift #2f4f4f
Farbwert	:	#5f9ea0	Farbwert	:	#2f4f4f
Farbe	:	cadetblue	Farbe	:	darkslategray
HTML	:	#5f9ea0	HTML	:	#2f4f4f
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#2f4f4f
CSS	:	#5f9ea0	CSS	:	#2f4f4f
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbwert #5f9ea0 nach Schriftfarbwert #2f4f4f
#5f9ea0	#589294	#518788	#4a7c7d	#437071	#3c6566	#355a5a	#2f4f4f
#5f9ea0	#589294	#518788	#4a7c7d	#437071	#3c6566	#355a5a	#2f4f4f

Kombination von #5f9ea0 und #2f4f4f
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #2f4f4f und #5f9ea0 beträgt 86.06%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 13.94%. Auf Hintergrund #5f9ea0 ist #2f4f4f ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #5f9ea0				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#75abad	#75abad	#518789	#518789	#4c6868	#4c6868	#284343	#284343
#8cb9bb	#8cb9bb	#437072	#437072	#6a8181	#6a8181	#213838	#213838
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#bad5d6	#bad5d6	#284344	#284344	#a5b3b3	#a5b3b3	#142121	#142121
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#c3cccc	#c3cccc	#0d1616	#0d1616
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #5f9ea0 und Farbwert #2f4f4f

Wechsel der Textfarbe bei Hover mit HTML-Befehl div

Einen Kontainer erzeugen Sie mit HTML-Tag <div> und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #5f9ea0 auf Farbwert #2f4f4f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <div> in Farbwert #5f9ea0 vor.

Wir ändern hier die Textfarbe von <div> auf Farbwert #5f9ea0. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf sans-serif. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  div { 
    color:#5f9ea0; 
    font-size:13px; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #2f4f4f geändert wird.

<style type="text/css"><!--
  div: hover { 
    color: #2f4f4f;
  }
//-->
</style>

Einzelheiten vom hier gezeigten Befehl <div>.