Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffa07a und Farbwert #d2691e

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 #ffa07a			Schriftfarbwert #d2691e
Detail	:	Hintergrund #ffa07a	Detail	:	Schrift #d2691e
Farbwert	:	#ffa07a	Farbwert	:	#d2691e
Farbe	:	lightsalmon	Farbe	:	chocolate
HTML	:	#ffa07a	HTML	:	#d2691e
HTML (Wert)	:	#ffa07a	HTML (Wert)	:	#d2691e
CSS	:	#ffa07a	CSS	:	#d2691e
CSS (Wert)	:	#ffa07a	CSS (Wert)	:	#d2691e
CSS (kürzest)	:	#ffa07a	CSS (kürzest)	:	#d2691e
CSS (RGB)	:	rgb(255,160,122)	CSS (RGB)	:	rgb(210,105,30)
CSS (%RGB)	:	rgb(100%,62%,47%)	CSS (%RGB)	:	rgb(82%,41%,11%)

Verlauf Hintergrundfarbwert #ffa07a nach Schriftfarbwert #d2691e
#ffa07a	#f8986c	#f2905f	#eb8852	#e58045	#de7838	#d8702b	#d2691e
#ffa07a	#f8986c	#f2905f	#eb8852	#e58045	#de7838	#d8702b	#d2691e

Kombination von #ffa07a und #d2691e
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #d2691e und #ffa07a ergibt sich zu 91.30%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.70%. #d2691e ist nicht als Schriftfarbe auf Hintergrund #ffa07a geeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbwert #ffa07a				Schriftfarbwert #d2691e
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#d2691e	#d2691e	#d2691e	#d2691e
#ffad8d	#ffad8d	#da8968	#da8968	#d87e3e	#d87e3e	#b45a19	#b45a19
#ffbba0	#ffbba0	#b67257	#b67257	#de935e	#de935e	#964b15	#964b15
#ffc8b3	#ffc8b3	#915b45	#915b45	#e5a97e	#e5a97e	#783c11	#783c11
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c
#ffe3d9	#ffe3d9	#482d22	#482d22	#f2d4be	#f2d4be	#3c1e08	#3c1e08
#fff1ec	#fff1ec	#241611	#241611	#f8e9de	#f8e9de	#1e0f04	#1e0f04
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffa07a und Farbwert #d2691e

Wechsel der Textfarbe bei Hover bei Tag a

Ein Hyperlink wird mit Befehl <a> erzeugt. Diesen kann man farblich gestalten.

Die Textfarbe soll sich von Farbwert #ffa07a auf Farbwert #d2691e ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #ffa07a vor.

Wir legen hier Farbwert #ffa07a als Textfarbe von <a> fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  a { 
    color:#ffa07a; 
    font-family:courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #d2691e ändert.

<style type="text/css"><!--
  a:hover { 
    color:#d2691e;
  }
//-->
</style>

Mehr zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom hier verwendeten HTML-Tag <a>.