Ressourcen: 120 HTML Farbnamen - Kombination von Farbe tomato und Farbwert #d8bfd8

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 tomato			Schriftfarbwert #d8bfd8
Detail	:	Hintergrund tomato	Detail	:	Schrift #d8bfd8
Farbe	:	tomato	Farbwert	:	#d8bfd8
Farbwert	:	#ff6347	Farbe	:	thistle
HTML	:	tomato	HTML	:	#d8bfd8
HTML (Wert)	:	#ff6347	HTML (Wert)	:	#d8bfd8
CSS	:	tomato	CSS	:	#d8bfd8
CSS (Wert)	:	#ff6347	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#ff6347	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(255,99,71)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(100%,38%,27%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe tomato nach Schriftfarbwert #d8bfd8
#ff6347	#f9705b	#f37d70	#ee8a85	#e89799	#e3a4ae	#ddb1c3	#d8bfd8
#ff6347	#f9705b	#f37d70	#ee8a85	#e89799	#e3a4ae	#ddb1c3	#d8bfd8

Kombination von tomato und #d8bfd8
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #d8bfd8 und tomato beträgt 91.74%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.26%. #d8bfd8 ist nicht als Schriftfarbe auf Hintergrund tomato geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe tomato				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff6347	#ff6347	#ff6347	#ff6347	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#ff7961	#ff7961	#da543c	#da543c	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#ff8f7b	#ff8f7b	#b64632	#b64632	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#ffa595	#ffa595	#913828	#913828	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e	#eee3ee	#eee3ee	#5c515c	#5c515c
#ffd2ca	#ffd2ca	#481c14	#481c14	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#ffe8e4	#ffe8e4	#240e0a	#240e0a	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe tomato und Farbwert #d8bfd8

Wechsel der Umrandung bei Hover bei Tag img

Die Rahmenfarbe soll sich von Farbe tomato auf Farbwert #d8bfd8 ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst die Formatierung von <img> in Farbe tomato vor.

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe tomato.

<style type="text/css"><!--
  img { 
    border-color: tomato; 
    border-style: dotted; 
    border-width: 4px;
  }
//-->
</style>

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

<style type="text/css"><!--
  img: hover { 
    border-color: #d8bfd8;
  }
//-->
</style>

Weiteres zu img finden Sie in Grafik in HTML. Möglichkeiten des hier genutzten Tag <img>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag dd

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

Wir ändern in diesem Beispiel die Hintergrundfarbe von <dd> auf Farbe tomato und vergrößern die Schriftgröße auf 123%.

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

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #d8bfd8 geändert wird.

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

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Möglichkeiten vom hier gezeigten HTML-Tag dd lesen Sie in der HTML Referenz unter <dd>.