Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chartreuse und Farbwert #db7093

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 chartreuse			Schriftfarbwert #db7093
Detail	:	Hintergrund chartreuse	Detail	:	Schrift #db7093
Farbe	:	chartreuse	Farbwert	:	#db7093
Farbwert	:	#7fff00	Farbe	:	palevioletred
HTML	:	chartreuse	HTML	:	#db7093
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#db7093
CSS	:	chartreuse	CSS	:	#db7093
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbe chartreuse nach Schriftfarbwert #db7093
#7fff00	#8cea15	#99d62a	#a6c13f	#b3ad54	#c09869	#cd847e	#db7093
#7fff00	#8cea15	#99d62a	#a6c13f	#b3ad54	#c09869	#cd847e	#db7093

Kombination von chartreuse und #db7093
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #db7093 und chartreuse beträgt 88.57%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 11.43%. Auf Hintergrund chartreuse ist #db7093 ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe chartreuse				Schriftfarbwert #db7093
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#db7093	#db7093	#db7093	#db7093
#91ff24	#91ff24	#6cda00	#6cda00	#e084a2	#e084a2	#bb607e	#bb607e
#a3ff48	#a3ff48	#5ab600	#5ab600	#e598b1	#e598b1	#9c5069	#9c5069
#b5ff6d	#b5ff6d	#489100	#489100	#eaadc1	#eaadc1	#7d4054	#7d4054
#c8ff91	#c8ff91	#366d00	#366d00	#efc1d0	#efc1d0	#5d303f	#5d303f
#daffb6	#daffb6	#244800	#244800	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#ecffda	#ecffda	#122400	#122400	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe chartreuse und Farbwert #db7093

Hintergrund/Text-Kombination von Befehl li

Wir ändern für dieses Beispiel die Textfarbe von <li> auf Farbwert #db7093 und die Hintergrundfarbe von <li> auf Farbe chartreuse. Als Schriftart setzen wir arial und als Schriftgröße setzen wir 96%.

<style type="text/css"><!--
  li { 
    font-size:96%; 
    color:#db7093; 
    background-color:chartreuse; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Der hier gezeigte HTML-Befehl li ist in der HTML Referenz unter <li> genau beschrieben.

Wechsel der Textfarbe bei Hover von Tag caption

Die Textfarbe soll sich von Farbe chartreuse auf Farbwert #db7093 ändern, wenn man mit der Maus auf <caption> zeigt. Bereiten wir zunächst eine Formatierung von <caption> in Farbe chartreuse vor.

Wir legen für dieses Beispiel Farbe chartreuse als Textfarbe von <caption> fest und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  caption { 
    color: chartreuse; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #db7093 ändert.

<style type="text/css"><!--
  caption: hover { 
    color: #db7093;
  }
//-->
</style>

Mehr zu caption können Sie in Tabellen in HTML nachlesen. Weiteres zum hier verwendeten Tag <caption>.