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

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 lavender			Schriftfarbwert #cd5c5c
Detail	:	Hintergrund lavender	Detail	:	Schrift #cd5c5c
Farbe	:	lavender	Farbwert	:	#cd5c5c
Farbwert	:	#e6e6fa	Farbe	:	indianred
HTML	:	lavender	HTML	:	#cd5c5c
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#cd5c5c
CSS	:	lavender	CSS	:	#cd5c5c
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbe lavender nach Schriftfarbwert #cd5c5c
#e6e6fa	#e2d2e3	#debecc	#dbaab6	#d7979f	#d48389	#d06f72	#cd5c5c
#e6e6fa	#e2d2e3	#debecc	#dbaab6	#d7979f	#d48389	#d06f72	#cd5c5c

Kombination von lavender und #cd5c5c
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.				#cd5c5c eignet sich nicht als Schriftfarbe auf Hintergrund lavender, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #cd5c5c und lavender ergibt sich zu 84.61%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 15.39%.

Hintergrundfarbe lavender				Schriftfarbwert #cd5c5c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#d47373	#d47373	#af4e4e	#af4e4e
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#db8a8a	#db8a8a	#924141	#924141
#f0f0fc	#f0f0fc	#83838e	#83838e	#e2a1a1	#e2a1a1	#753434	#753434
#f4f4fc	#f4f4fc	#62626b	#62626b	#e9b9b9	#e9b9b9	#572727	#572727
#f7f7fd	#f7f7fd	#414147	#414147	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#fbfbfe	#fbfbfe	#202023	#202023	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavender und Farbwert #cd5c5c

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Link. Diesen kann man farblich gestalten und hervorheben.

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

Wir legen z.B. Farbe lavender als Hintergrundfarbe von <a> fest.

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #cd5c5c ändert.

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

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

Füllen und Umranden mit Tag colgroup

Für dieses Beispiel umranden wir <colgroup> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbwert #cd5c5c . Den Hintergrund von <colgroup> setzen wir entsprechend auf Farbe lavender. Dies ist mit HTML nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  colgroup { 
    border-style: groove; 
    border-width: 4px; 
    border-color: #cd5c5c; 
    background-color: lavender;
  }
//-->
</style>

Mehr zum Thema colgroup können Sie in Tabellen in HTML erfahren. Möglichkeiten des hier genutzten Tag colgroup sind in der HTML Referenz bei <colgroup> gezeigt.