Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #add8e6 und Farbwert #dc143c

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.

Hintergrundfarbwert #add8e6			Schriftfarbwert #dc143c
Detail	:	Hintergrund #add8e6	Detail	:	Schrift #dc143c
Farbwert	:	#add8e6	Farbwert	:	#dc143c
Farbe	:	lightblue	Farbe	:	crimson
HTML	:	#add8e6	HTML	:	#dc143c
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#dc143c
CSS	:	#add8e6	CSS	:	#dc143c
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbwert #add8e6 nach Schriftfarbwert #dc143c
#add8e6	#b3bccd	#baa0b5	#c1849d	#c76884	#ce4c6c	#d53054	#dc143c
#add8e6	#b3bccd	#baa0b5	#c1849d	#c76884	#ce4c6c	#d53054	#dc143c

Kombination von #add8e6 und #dc143c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 #dc143c und #add8e6 ergibt sich zu 84.45%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 15.55%. Auf Hintergrund #add8e6 ist #dc143c ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #add8e6				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#dc143c	#dc143c	#dc143c	#dc143c
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#e13557	#e13557	#bc1133	#bc1133
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#e65773	#e65773	#9d0e2a	#9d0e2a
#d0e8f0	#d0e8f0	#627b83	#627b83	#eb788f	#eb788f	#7d0b22	#7d0b22
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#f09aab	#f09aab	#5e0819	#5e0819
#e7f3f7	#e7f3f7	#313d41	#313d41	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#f3f9fb	#f3f9fb	#181e20	#181e20	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #add8e6 und Farbwert #dc143c

Wechsel der Textfarbe bei Hover bei HTML-Tag label

Die Textfarbe soll sich von Farbwert #add8e6 auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <label> in Farbwert #add8e6 vor.

Zum Beispiel ändern wir die Textfarbe von <label> auf Farbwert #add8e6. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf monospace und vergrößern die Größe der Schrift auf 123%.

<style type="text/css"><!--
  label { 
    font-size:123%; 
    font-family:monospace; 
    color:#add8e6;
  }
//-->
</style>

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

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

Mehr zu label können Sie in Formulare in HTML nachsehen. Einzelheiten des HTML-Tag label lesen Sie in der HTML Referenz unter <label>.