Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdab9 und Farbe lavender

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 #ffdab9			Schriftfarbe lavender
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift lavender
Farbwert	:	#ffdab9	Farbe	:	lavender
Farbe	:	peachpuff	Farbwert	:	#e6e6fa
HTML	:	#ffdab9	HTML	:	lavender
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#e6e6fa
CSS	:	#ffdab9	CSS	:	lavender
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#e6e6fa
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#e6e6fa
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(230,230,250)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(90%,90%,98%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbe lavender
#ffdab9	#fbdbc2	#f7ddcb	#f4dfd4	#f0e0de	#ede2e7	#e9e4f0	#e6e6fa
#ffdab9	#fbdbc2	#f7ddcb	#f4dfd4	#f0e0de	#ede2e7	#e9e4f0	#e6e6fa

Kombination von #ffdab9 und lavender
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffdab9 ist lavender ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von lavender und #ffdab9 beträgt 94.92%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.08%.

Hintergrundfarbwert #ffdab9				Schriftfarbe lavender
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#ededfb	#ededfb	#a4a4b2	#a4a4b2
#ffe9d7	#ffe9d7	#917c69	#917c69	#f0f0fc	#f0f0fc	#83838e	#83838e
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#f4f4fc	#f4f4fc	#62626b	#62626b
#fff4eb	#fff4eb	#483e34	#483e34	#f7f7fd	#f7f7fd	#414147	#414147
#fff9f5	#fff9f5	#241f1a	#241f1a	#fbfbfe	#fbfbfe	#202023	#202023
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbe lavender

Füllen und Umranden von Befehl p

Hier umranden wir <p> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbe lavender . Den Hintergrund von <p> setzen wir entsprechend auf Farbwert #ffdab9. Das ist in HTML so kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  p { border:3px outset lavender; background-color:#ffdab9; }
//-->
</style>

Mehr zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag <p>.

Wechsel der Umrandung bei Hover mit Befehl frameset

Die Rahmenfarbe soll sich von Farbwert #ffdab9 auf Farbe lavender ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <frameset> in Farbwert #ffdab9 vor.

In diesem Beispiel umranden wir <frameset> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #ffdab9.

<style type="text/css"><!--
  frameset { 
    border-style:ridge; 
    border-width:2px; 
    border-color:#ffdab9;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu lavender ändert.

<style type="text/css"><!--
  frameset:hover { 
    border-color:lavender;
  }
//-->
</style>

Mehr zum hier genutzten HTML-Befehl <frameset>.