Ressourcen: 137 HTML Farbnamen - Kombination von Farbe tomato und Farbwert #fdf5e6

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 tomato			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund tomato	Detail	:	Schrift #fdf5e6
Farbe	:	tomato	Farbwert	:	#fdf5e6
Farbwert	:	#ff6347	Farbe	:	oldlace
HTML	:	tomato	HTML	:	#fdf5e6
HTML (Wert)	:	#ff6347	HTML (Wert)	:	#fdf5e6
CSS	:	tomato	CSS	:	#fdf5e6
CSS (Wert)	:	#ff6347	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#ff6347	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(255,99,71)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(100%,38%,27%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe tomato nach Schriftfarbwert #fdf5e6
#ff6347	#fe775d	#fe8c74	#fea18b	#fdb6a1	#fdcbb8	#fde0cf	#fdf5e6
#ff6347	#fe775d	#fe8c74	#fea18b	#fdb6a1	#fdcbb8	#fde0cf	#fdf5e6

Kombination von tomato und #fdf5e6
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.				#fdf5e6 ist nicht als Schriftfarbe auf Hintergrund tomato geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #fdf5e6 und tomato beträgt 87.05%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 12.95%.

Hintergrundfarbe tomato				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff6347	#ff6347	#ff6347	#ff6347	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#ff7961	#ff7961	#da543c	#da543c	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#ff8f7b	#ff8f7b	#b64632	#b64632	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#ffa595	#ffa595	#913828	#913828	#fdf9f0	#fdf9f0	#908c83	#908c83
#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e	#fefaf4	#fefaf4	#6c6962	#6c6962
#ffd2ca	#ffd2ca	#481c14	#481c14	#fefcf7	#fefcf7	#484641	#484641
#ffe8e4	#ffe8e4	#240e0a	#240e0a	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe tomato und Farbwert #fdf5e6

Wechsel der Textfarbe bei Hover von HTML-Befehl dt

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

Wir legen z.B. Farbe tomato als Textfarbe von <dt> fest. Die Größe der Schrift erhöhen wir auf 120%.

<style type="text/css"><!--
  dt { 
    color: tomato; 
    font-size: 120%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #fdf5e6 gesetzt wird.

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

Mehr zu dt erfahren Sie in Listen und Glossare in HTML. Der HTML-Tag dt ist in der HTML Referenz unter <dt> beschrieben.