Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #daa520 und Farbwert #ff7f50

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 #daa520			Schriftfarbwert #ff7f50
Detail	:	Hintergrund #daa520	Detail	:	Schrift #ff7f50
Farbwert	:	#daa520	Farbwert	:	#ff7f50
Farbe	:	goldenrod	Farbe	:	coral
HTML	:	#daa520	HTML	:	#ff7f50
HTML (Wert)	:	#daa520	HTML (Wert)	:	#ff7f50
CSS	:	#daa520	CSS	:	#ff7f50
CSS (Wert)	:	#daa520	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbwert #daa520 nach Schriftfarbwert #ff7f50
#daa520	#df9f26	#e49a2d	#e99434	#ef8f3b	#f48942	#f98449	#ff7f50
#daa520	#df9f26	#e49a2d	#e99434	#ef8f3b	#f48942	#f98449	#ff7f50

Kombination von #daa520 und #ff7f50
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff7f50 und #daa520 beträgt 94.68%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.32%. Auf Hintergrund #daa520 ist #ff7f50 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #daa520				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#ff9169	#ff9169	#da6c44	#da6c44
#e4be5f	#e4be5f	#9b7516	#9b7516	#ffa382	#ffa382	#b65a39	#b65a39
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#ffb59b	#ffb59b	#91482d	#91482d
#efd89f	#efd89f	#5d460d	#5d460d	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#ffdacd	#ffdacd	#482416	#482416
#f9f2df	#f9f2df	#1f1704	#1f1704	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #daa520 und Farbwert #ff7f50

Wechsel der Umrandung bei Hover mit Befehl h4

Mit Befehl <h4> wird eine Überschrift erzeugt. Diese kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #daa520 auf Farbwert #ff7f50 ändern, wenn man mit der Maus auf <h4> zeigt. Wir bereiten zunächst die Darstellung von <h4> in Farbwert #daa520 vor.

In diesem Beispiel umranden wir <h4> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #daa520.

<style type="text/css"><!--
  h4 { border:4px ridge #daa520; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #ff7f50 geändert wird.

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

Mehr zu h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum Tag h4 finden Sie in der HTML Referenz unter <h4>.