Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbe sandybrown

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.

Hintergrundfarbe lavenderblush			Schriftfarbe sandybrown
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift sandybrown
Farbe	:	lavenderblush	Farbe	:	sandybrown
Farbwert	:	#fff0f5	Farbwert	:	#f4a460
HTML	:	lavenderblush	HTML	:	sandybrown
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#f4a460
CSS	:	lavenderblush	CSS	:	sandybrown
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#f4a460
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#f4a460
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(244,164,96)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(95%,64%,37%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbe sandybrown
#fff0f5	#fde5df	#fbdaca	#facfb5	#f8c49f	#f7b98a	#f5ae75	#f4a460
#fff0f5	#fde5df	#fbdaca	#facfb5	#f8c49f	#f7b98a	#f5ae75	#f4a460

Kombination von lavenderblush und sandybrown
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von sandybrown und lavenderblush beträgt 91.22%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.78%. sandybrown ist nicht als Schriftfarbe auf Hintergrund lavenderblush geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe lavenderblush				Schriftfarbe sandybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#f4a460	#f4a460	#f4a460	#f4a460
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#f5b176	#f5b176	#d18c52	#d18c52
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#f7be8d	#f7be8d	#ae7544	#ae7544
#fff6f9	#fff6f9	#91898c	#91898c	#f8cba4	#f8cba4	#8b5d36	#8b5d36
#fff8fa	#fff8fa	#6d6669	#6d6669	#fad8ba	#fad8ba	#684629	#684629
#fffafc	#fffafc	#484446	#484446	#fbe5d1	#fbe5d1	#452e1b	#452e1b
#fffcfd	#fffcfd	#242223	#242223	#fdf2e8	#fdf2e8	#22170d	#22170d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavenderblush und Farbe sandybrown

Füllen und Umranden bei HTML-Befehl hr

In diesem Beispiel umranden wir <hr> mit einem doppelten, 3 Punkte dicken Rahmen in Farbe sandybrown . Die Hintergrundfarbe für <hr> setzen wir auf Farbe lavenderblush. Dies ist in HTML kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  hr { border:3pt double sandybrown; background-color:lavenderblush; }
//-->
</style>

Weiteres zu hr können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten des hier gezeigten HTML-Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover mit Tag a

Mit Befehl <a> setzen Sie einen Link. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe lavenderblush auf Farbe sandybrown ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbe lavenderblush vor.

Wir legen für dieses Beispiel Farbe lavenderblush als Hintergrundfarbe von <a> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace und verkleinern die Schriftgröße auf 81%:

<style type="text/css"><!--
  a { 
    font-family: monospace; 
    font-size: 81%; 
    background-color: lavenderblush;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf sandybrown geändert wird.

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

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum hier verwendeten Tag a lesen Sie in der HTML Referenz unter <a>.