Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #da70d6 und Farbe lightsalmon

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 #da70d6			Schriftfarbe lightsalmon
Detail	:	Hintergrund #da70d6	Detail	:	Schrift lightsalmon
Farbwert	:	#da70d6	Farbe	:	lightsalmon
Farbe	:	orchid	Farbwert	:	#ffa07a
HTML	:	#da70d6	HTML	:	lightsalmon
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#ffa07a
CSS	:	#da70d6	CSS	:	lightsalmon
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #da70d6 nach Schriftfarbe lightsalmon
#da70d6	#df76c8	#e47dbb	#e984ae	#ef8ba1	#f49294	#f99987	#ffa07a
#da70d6	#df76c8	#e47dbb	#e984ae	#ef8ba1	#f49294	#f99987	#ffa07a

Kombination von #da70d6 und lightsalmon
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #da70d6 ist lightsalmon ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von lightsalmon und #da70d6 ergibt sich zu 93.08%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.92%.

Hintergrundfarbwert #da70d6				Schriftfarbe lightsalmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#df84db	#df84db	#ba60b7	#ba60b7	#ffad8d	#ffad8d	#da8968	#da8968
#e498e1	#e498e1	#9b5098	#9b5098	#ffbba0	#ffbba0	#b67257	#b67257
#e9ade7	#e9ade7	#7c407a	#7c407a	#ffc8b3	#ffc8b3	#915b45	#915b45
#efc1ed	#efc1ed	#5d305b	#5d305b	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#ffe3d9	#ffe3d9	#482d22	#482d22
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #da70d6 und Farbe lightsalmon

Hintergrund/Text-Kombination bei Befehl abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbe lightsalmon und die Hintergrundfarbe von <abbr> auf Farbwert #da70d6. Als Schriftart setzen wir courier new und als Schriftgröße entscheiden wir uns für 128%.

<style type="text/css"><!--
  abbr { 
    color:lightsalmon; 
    background-color:#da70d6; 
    font-family:courier new; 
    font-size:128%;
  }
//-->
</style>

Der hier gezeigte HTML-Befehl abbr ist in der HTML Referenz unter <abbr> zusammengestellt.

Wechsel der Textfarbe bei Hover mit Befehl cite

Die Textfarbe soll sich von Farbwert #da70d6 auf Farbe lightsalmon ändern, wenn man mit der Maus auf <cite> zeigt. Wir bereiten zunächst die Formatierung von <cite> in Farbwert #da70d6 vor.

Wir legen hier Farbwert #da70d6 als Textfarbe von <cite> fest.

<style type="text/css"><!--
  cite { 
    color: #da70d6;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf lightsalmon geändert wird.

<style type="text/css"><!--
  cite: hover { 
    color: lightsalmon;
  }
//-->
</style>

Weiteres zum Tag <cite>.