Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darksalmon und Farbwert #00ced1

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 darksalmon			Schriftfarbwert #00ced1
Detail	:	Hintergrund darksalmon	Detail	:	Schrift #00ced1
Farbe	:	darksalmon	Farbwert	:	#00ced1
Farbwert	:	#e9967a	Farbe	:	darkturquoise
HTML	:	darksalmon	HTML	:	#00ced1
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#00ced1
CSS	:	darksalmon	CSS	:	#00ced1
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbwert #00ced1
#e9967a	#c79e86	#a6a692	#85ae9f	#63b6ab	#42beb8	#21c6c4	#00ced1
#e9967a	#c79e86	#a6a692	#85ae9f	#63b6ab	#42beb8	#21c6c4	#00ced1

Kombination von darksalmon und #00ced1
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #00ced1 und darksalmon beträgt 94.38%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.62%. #00ced1 eignet sich nicht als Schriftfarbe auf Hintergrund darksalmon, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe darksalmon				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#00ced1	#00ced1	#00ced1	#00ced1
#eca58d	#eca58d	#c78068	#c78068	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#efb4a0	#efb4a0	#a66b57	#a66b57	#48dcde	#48dcde	#009395	#009395
#f2c3b3	#f2c3b3	#855545	#855545	#6de3e4	#6de3e4	#007577	#007577
#f5d2c6	#f5d2c6	#634034	#634034	#91eaeb	#91eaeb	#005859	#005859
#f8e1d9	#f8e1d9	#422a22	#422a22	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#fbf0ec	#fbf0ec	#211511	#211511	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darksalmon und Farbwert #00ced1

Wechsel der Textfarbe bei Hover bei Tag q

Die Textfarbe soll sich von Farbe darksalmon auf Farbwert #00ced1 ändern, wenn man mit der Maus auf <q> zeigt. Wir bereiten zunächst eine Darstellung von <q> in Farbe darksalmon vor.

Als Beispiel legen wir die Textfarbe von <q> auf Farbe darksalmon fest. Die Größe der Schrift verringern wir auf 82%:

<style type="text/css"><!--
  q { 
    font-size: 82%; 
    color: darksalmon;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #00ced1 ändert.

<style type="text/css"><!--
  q: hover { 
    color: #00ced1;
  }
//-->
</style>

Der hier verwendete Tag q ist in der HTML Referenz unter <q> genau beschrieben.