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

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 #a52a2a
Detail	:	Hintergrund #5f9ea0	Detail	:	Schrift #a52a2a
Farbwert	:	#5f9ea0	Farbwert	:	#a52a2a
Farbe	:	cadetblue	Farbe	:	brown
HTML	:	#5f9ea0	HTML	:	#a52a2a
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#a52a2a
CSS	:	#5f9ea0	CSS	:	#a52a2a
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbwert #5f9ea0 nach Schriftfarbwert #a52a2a
#5f9ea0	#698d8f	#737c7e	#7d6c6d	#875b5c	#914b4b	#9b3a3a	#a52a2a
#5f9ea0	#698d8f	#737c7e	#7d6c6d	#875b5c	#914b4b	#9b3a3a	#a52a2a

Kombination von #5f9ea0 und #a52a2a
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.				#a52a2a ist nicht als Schriftfarbe auf Hintergrund #5f9ea0 geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #a52a2a und #5f9ea0 beträgt 88.94%. Die Lesbarkeit dieser Kombination liegt damit bei 11.06%.

Hintergrundfarbwert #5f9ea0				Schriftfarbwert #a52a2a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#75abad	#75abad	#518789	#518789	#b14848	#b14848	#8d2424	#8d2424
#8cb9bb	#8cb9bb	#437072	#437072	#be6666	#be6666	#751e1e	#751e1e
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#cb8585	#cb8585	#5e1818	#5e1818
#bad5d6	#bad5d6	#284344	#284344	#d8a3a3	#d8a3a3	#461212	#461212
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #5f9ea0 und Farbwert #a52a2a

Wechsel der Umrandung bei Hover von HTML-Befehl hr

Die Rahmenfarbe soll sich von Farbwert #5f9ea0 auf Farbwert #a52a2a ändern, wenn man mit der Maus auf <hr> zeigt. Bereiten wir zunächst eine Formatierung von <hr> in Farbwert #5f9ea0 vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #5f9ea0.

<style type="text/css"><!--
  hr { border:3px double #5f9ea0; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu #a52a2a ändert.

<style type="text/css"><!--
  hr:hover { 
    border-color:#a52a2a;
  }
//-->
</style>

Mehr zu hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Tag <hr>.