Ressourcen: 137 HTML Farbnamen - Kombination von Farbe floralwhite und Farbwert #a0522d

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.

Hintergrundfarbe floralwhite			Schriftfarbwert #a0522d
Detail	:	Hintergrund floralwhite	Detail	:	Schrift #a0522d
Farbe	:	floralwhite	Farbwert	:	#a0522d
Farbwert	:	#fffaf0	Farbe	:	sienna
HTML	:	floralwhite	HTML	:	#a0522d
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#a0522d
CSS	:	floralwhite	CSS	:	#a0522d
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe floralwhite nach Schriftfarbwert #a0522d
#fffaf0	#f1e2d4	#e3cab8	#d6b29c	#c89a80	#bb8264	#ad6a48	#a0522d
#fffaf0	#f1e2d4	#e3cab8	#d6b29c	#c89a80	#bb8264	#ad6a48	#a0522d

Kombination von floralwhite und #a0522d
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#a0522d eignet sich nicht als Schriftfarbe auf Hintergrund floralwhite. Zwar ist der Helligkeitsunterschied ok, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #a0522d und floralwhite ergibt sich zu 74.30%. Die Lesbarkeit dieser Kombination liegt damit bei 25.70%.

Hintergrundfarbe floralwhite				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#a0522d	#a0522d	#a0522d	#a0522d
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#ad6a4b	#ad6a4b	#894626	#894626
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#bb8369	#bb8369	#723a20	#723a20
#fffcf6	#fffcf6	#918e89	#918e89	#c89c87	#c89c87	#5b2e19	#5b2e19
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#d6b4a5	#d6b4a5	#442313	#442313
#fffdfa	#fffdfa	#484744	#484744	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#fffefc	#fffefc	#242322	#242322	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe floralwhite und Farbwert #a0522d

Wechsel der Umrandung bei Hover von Befehl a

Mit Tag <a> wird ein Hyperlink erzeugt. Diesen kann man farblich gestalten und hervorheben.

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

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbe floralwhite.

<style type="text/css"><!--
  a { 
    border-style:dotted; 
    border-color:floralwhite; 
    border-width:2px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #a0522d gesetzt wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML erfahren. Möglichkeiten vom hier genutzten Befehl a erfahren Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei Befehl strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #a0522d und die Hintergrundfarbe von <strong> auf Farbe floralwhite. Die Schriftart ändern wir auf arial und verkleinern die Schriftgröße auf 89%.

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

Weiteres zum Thema erfahren Sie in Text in HTML. Möglichkeiten vom hier gezeigten Befehl strong lesen Sie in der HTML Referenz unter <strong>.