Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff0000 und Farbwert #cd853f

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 #ff0000			Schriftfarbwert #cd853f
Detail	:	Hintergrund #ff0000	Detail	:	Schrift #cd853f
Farbwert	:	#ff0000	Farbwert	:	#cd853f
Farbe	:	red	Farbe	:	peru
HTML	:	#ff0000	HTML	:	#cd853f
HTML (Wert)	:	#ff0000	HTML (Wert)	:	#cd853f
CSS	:	#ff0000	CSS	:	#cd853f
CSS (Wert)	:	#ff0000	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#f00	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(255,0,0)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(100%,0%,0%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbwert #ff0000 nach Schriftfarbwert #cd853f
#ff0000	#f71309	#f02612	#e9391b	#e24c24	#db5f2d	#d47236	#cd853f
#ff0000	#f71309	#f02612	#e9391b	#e24c24	#db5f2d	#d47236	#cd853f

Kombination von #ff0000 und #cd853f
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 #cd853f und #ff0000 beträgt 93.63%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.37%. #cd853f ist nicht als Schriftfarbe auf Hintergrund #ff0000 geeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ff0000				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#cd853f	#cd853f	#cd853f	#cd853f
#ff2424	#ff2424	#da0000	#da0000	#d4965a	#d4965a	#af7236	#af7236
#ff4848	#ff4848	#b60000	#b60000	#dba775	#dba775	#925f2d	#925f2d
#ff6d6d	#ff6d6d	#910000	#910000	#e2b991	#e2b991	#754c24	#754c24
#ff9191	#ff9191	#6d0000	#6d0000	#e9caac	#e9caac	#57391b	#57391b
#ffb6b6	#ffb6b6	#480000	#480000	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#ffdada	#ffdada	#240000	#240000	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ff0000 und Farbwert #cd853f

Wechsel der Umrandung bei Hover von Tag pre

Die Rahmenfarbe soll sich von Farbwert #ff0000 auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbwert #ff0000 vor.

In diesem Beispiel umranden wir <pre> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #ff0000.

<style type="text/css"><!--
  pre { border:5px outset #ff0000; }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #cd853f gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Einzelheiten des Tag <pre>.