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

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			Schriftfarbe floralwhite
Detail	:	Hintergrund #ffa07a	Detail	:	Schrift floralwhite
Farbwert	:	#ffa07a	Farbe	:	floralwhite
Farbe	:	lightsalmon	Farbwert	:	#fffaf0
HTML	:	#ffa07a	HTML	:	floralwhite
HTML (Wert)	:	#ffa07a	HTML (Wert)	:	#fffaf0
CSS	:	#ffa07a	CSS	:	floralwhite
CSS (Wert)	:	#ffa07a	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#ffa07a	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(255,160,122)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(100%,62%,47%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbwert #ffa07a nach Schriftfarbe floralwhite
#ffa07a	#ffac8a	#ffb99b	#ffc6ac	#ffd3bd	#ffe0ce	#ffeddf	#fffaf0
#ffa07a	#ffac8a	#ffb99b	#ffc6ac	#ffd3bd	#ffe0ce	#ffeddf	#fffaf0

Kombination von #ffa07a und floralwhite
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 der Farben floralwhite und #ffa07a beträgt 90.90%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 9.10%. floralwhite ist nicht als Schriftfarbe auf Hintergrund #ffa07a geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #ffa07a				Schriftfarbe floralwhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#ffad8d	#ffad8d	#da8968	#da8968	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#ffbba0	#ffbba0	#b67257	#b67257	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#ffc8b3	#ffc8b3	#915b45	#915b45	#fffcf6	#fffcf6	#918e89	#918e89
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#ffe3d9	#ffe3d9	#482d22	#482d22	#fffdfa	#fffdfa	#484744	#484744
#fff1ec	#fff1ec	#241611	#241611	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffa07a und Farbe floralwhite

Wechsel der Textfarbe bei Hover bei Tag h2

Mit Befehl <h2> setzen Sie eine Überschrift. Diese kann hervorgehoben und farblich gestaltet werden.

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

Wir legen zum Beispiel Farbwert #ffa07a als Textfarbe von <h2> fest. Die Größe der Schrift vergrößern wir auf 110%.

<style type="text/css"><!--
  h2 { 
    color:#ffa07a; 
    font-size:110%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu floralwhite ändert.

<style type="text/css"><!--
  h2: hover { 
    color: floralwhite;
  }
//-->
</style>

Mehr zum Thema h2 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag h2 ist in der HTML Referenz bei <h2> genau zusammengestellt.

Hintergrund/Text-Kombination von Tag address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbe floralwhite und die Hintergrundfarbe von <address> auf Farbwert #ffa07a. Als Schriftart wählen wir sans-serif. Die Schriftgröße verringern wir auf 96%.

<style type="text/css"><!--
  address { 
    color:floralwhite; 
    background-color:#ffa07a; 
    font-size:96%; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML finden. Mehr zum Befehl address ist in der HTML Referenz bei <address> genau beschrieben.