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

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 crimson
Detail	:	Hintergrund #da70d6	Detail	:	Schrift crimson
Farbwert	:	#da70d6	Farbe	:	crimson
Farbe	:	orchid	Farbwert	:	#dc143c
HTML	:	#da70d6	HTML	:	crimson
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#dc143c
CSS	:	#da70d6	CSS	:	crimson
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbwert #da70d6 nach Schriftfarbe crimson
#da70d6	#da62c0	#da55aa	#da4894	#db3b7e	#db2e68	#db2152	#dc143c
#da70d6	#da62c0	#da55aa	#da4894	#db3b7e	#db2e68	#db2152	#dc143c

Kombination von #da70d6 und crimson
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von crimson und #da70d6 beträgt 91.77%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.23%. crimson eignet sich nicht als Schriftfarbe auf Hintergrund #da70d6. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #da70d6				Schriftfarbe crimson
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#dc143c	#dc143c	#dc143c	#dc143c
#df84db	#df84db	#ba60b7	#ba60b7	#e13557	#e13557	#bc1133	#bc1133
#e498e1	#e498e1	#9b5098	#9b5098	#e65773	#e65773	#9d0e2a	#9d0e2a
#e9ade7	#e9ade7	#7c407a	#7c407a	#eb788f	#eb788f	#7d0b22	#7d0b22
#efc1ed	#efc1ed	#5d305b	#5d305b	#f09aab	#f09aab	#5e0819	#5e0819
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #da70d6 und Farbe crimson

Füllen und Umranden von HTML-Befehl img

Hier umranden wir <img> mit einem . Die Hintergrundfarbe für <img> färben wir mit Farbwert #da70d6. Mit HTML geht dies nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  img { 
    border-style:ridge; 
    border-color:crimson; 
    background-color:#da70d6; 
    border-width:4px;
  }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML nachsehen. Weiteres zum HTML-Befehl img ist in der HTML Referenz unter <img> genau beschrieben.

Wechsel der Textfarbe bei Hover bei Tag dd

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

Z.B. legen wir Farbwert #da70d6 als Textfarbe von <dd> fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  dd { 
    color: #da70d6; 
    font-family: verdana;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf crimson ändert.

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

Mehr zu dd können Sie in Listen und Glossare in HTML finden. Mehr zum hier genutzten Befehl <dd>.