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

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 crimson			Schriftfarbwert #40e0d0
Detail	:	Hintergrund crimson	Detail	:	Schrift #40e0d0
Farbe	:	crimson	Farbwert	:	#40e0d0
Farbwert	:	#dc143c	Farbe	:	turquoise
HTML	:	crimson	HTML	:	#40e0d0
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#40e0d0
CSS	:	crimson	CSS	:	#40e0d0
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #40e0d0
#dc143c	#c53151	#af4e66	#996b7b	#828890	#6ca5a5	#56c2ba	#40e0d0
#dc143c	#c53151	#af4e66	#996b7b	#828890	#6ca5a5	#56c2ba	#40e0d0

Kombination von crimson und #40e0d0
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				#40e0d0 ist nicht als Schriftfarbe auf Hintergrund crimson geeignet, da die Helligkeiten zu ähnlich sind. Die Ähnlichkeit von #40e0d0 und crimson beträgt 85.53%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.47%.

Hintergrundfarbe crimson				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#e13557	#e13557	#bc1133	#bc1133	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#e65773	#e65773	#9d0e2a	#9d0e2a	#76e8dd	#76e8dd	#2da094	#2da094
#eb788f	#eb788f	#7d0b22	#7d0b22	#91ede4	#91ede4	#248076	#248076
#f09aab	#f09aab	#5e0819	#5e0819	#adf1ea	#adf1ea	#1b6059	#1b6059
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#c8f6f1	#c8f6f1	#12403b	#12403b
#fadde3	#fadde3	#1f0208	#1f0208	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe crimson und Farbwert #40e0d0

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl var

Die Hintergrundfarbe soll sich von Farbe crimson auf Farbwert #40e0d0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <var> in Farbe crimson vor.

Für dieses Beispiel legen wir Farbe crimson als Hintergrundfarbe von <var> fest. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf verdana:

<style type="text/css"><!--
  var { 
    font-family: verdana; 
    background-color: crimson;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #40e0d0 geändert wird.

<style type="text/css"><!--
  var: hover { 
    background-color: #40e0d0;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Einzelheiten des HTML-Befehl var erfahren Sie in der HTML Referenz unter <var>.