Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffa07a und Farbwert #f0e68c

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 #ffa07a			Schriftfarbwert #f0e68c
Detail	:	Hintergrund #ffa07a	Detail	:	Schrift #f0e68c
Farbwert	:	#ffa07a	Farbwert	:	#f0e68c
Farbe	:	lightsalmon	Farbe	:	khaki
HTML	:	#ffa07a	HTML	:	#f0e68c
HTML (Wert)	:	#ffa07a	HTML (Wert)	:	#f0e68c
CSS	:	#ffa07a	CSS	:	#f0e68c
CSS (Wert)	:	#ffa07a	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#ffa07a	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(255,160,122)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(100%,62%,47%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #ffa07a nach Schriftfarbwert #f0e68c
#ffa07a	#fcaa7c	#fab47f	#f8be81	#f6c884	#f4d286	#f2dc89	#f0e68c
#ffa07a	#fcaa7c	#fab47f	#f8be81	#f6c884	#f4d286	#f2dc89	#f0e68c

Kombination von #ffa07a und #f0e68c
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #ffa07a ist #f0e68c ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #f0e68c und #ffa07a ergibt sich zu 92.60%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.40%.

Hintergrundfarbwert #ffa07a				Schriftfarbwert #f0e68c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#ffad8d	#ffad8d	#da8968	#da8968	#f2e99c	#f2e99c	#cdc578	#cdc578
#ffbba0	#ffbba0	#b67257	#b67257	#f4edac	#f4edac	#aba464	#aba464
#ffc8b3	#ffc8b3	#915b45	#915b45	#f6f0bd	#f6f0bd	#898350	#898350
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#f8f4cd	#f8f4cd	#66623c	#66623c
#ffe3d9	#ffe3d9	#482d22	#482d22	#faf7de	#faf7de	#444128	#444128
#fff1ec	#fff1ec	#241611	#241611	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffa07a und Farbwert #f0e68c

Wechsel der Umrandung bei Hover von HTML-Befehl img

Die Rahmenfarbe soll sich von Farbwert #ffa07a auf Farbwert #f0e68c ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst eine Darstellung von <img> in Farbwert #ffa07a vor.

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #ffa07a.

<style type="text/css"><!--
  img { 
    border-color:#ffa07a; 
    border-style:ridge; 
    border-width:5px;
  }
//-->
</style>

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

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

Weiteres zu img können Sie in Grafik in HTML nachsehen. Weiteres zum Tag img finden Sie in der HTML Referenz unter <img>.

Hintergrund/Text-Kombination von HTML-Tag strong

Wir ändern für dieses Beispiel die Textfarbe von <strong> auf Farbwert #f0e68c und die Hintergrundfarbe von <strong> auf Farbwert #ffa07a. Als Schriftart setzen wir arial. Als Schriftgröße entscheiden wir uns für 87%.

<style type="text/css"><!--
  strong { 
    color: #f0e68c; 
    font-family: arial; 
    background-color: #ffa07a; 
    font-size: 87%;
  }
//-->
</style>

Weiteres zu strong erfahren Sie in Text in HTML. Mehr zum hier verwendeten Befehl strong ist in der HTML Referenz unter <strong> beschrieben.