Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkorange und Farbwert #5f9ea0

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 darkorange			Schriftfarbwert #5f9ea0
Detail	:	Hintergrund darkorange	Detail	:	Schrift #5f9ea0
Farbe	:	darkorange	Farbwert	:	#5f9ea0
Farbwert	:	#ff8c00	Farbe	:	cadetblue
HTML	:	darkorange	HTML	:	#5f9ea0
HTML (Wert)	:	#ff8c00	HTML (Wert)	:	#5f9ea0
CSS	:	darkorange	CSS	:	#5f9ea0
CSS (Wert)	:	#ff8c00	CSS (Wert)	:	#5f9ea0
CSS (kürzest)	:	#ff8c00	CSS (kürzest)	:	#5f9ea0
CSS (RGB)	:	rgb(255,140,0)	CSS (RGB)	:	rgb(95,158,160)
CSS (%RGB)	:	rgb(100%,54%,0%)	CSS (%RGB)	:	rgb(37%,61%,62%)

Verlauf Hintergrundfarbe darkorange nach Schriftfarbwert #5f9ea0
#ff8c00	#e88e16	#d1912d	#ba9344	#a3965b	#8c9872	#759b89	#5f9ea0
#ff8c00	#e88e16	#d1912d	#ba9344	#a3965b	#8c9872	#759b89	#5f9ea0

Kombination von darkorange und #5f9ea0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von #5f9ea0 und darkorange beträgt 93.77%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.23%. Auf Hintergrund darkorange ist #5f9ea0 ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe darkorange				Schriftfarbwert #5f9ea0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff8c00	#ff8c00	#ff8c00	#ff8c00	#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0
#ff9c24	#ff9c24	#da7800	#da7800	#75abad	#75abad	#518789	#518789
#ffac48	#ffac48	#b66400	#b66400	#8cb9bb	#8cb9bb	#437072	#437072
#ffbd6d	#ffbd6d	#915000	#915000	#a3c7c8	#a3c7c8	#365a5b	#365a5b
#ffcd91	#ffcd91	#6d3c00	#6d3c00	#bad5d6	#bad5d6	#284344	#284344
#ffdeb6	#ffdeb6	#482800	#482800	#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d
#ffeeda	#ffeeda	#241400	#241400	#e8f1f1	#e8f1f1	#0d1616	#0d1616
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkorange und Farbwert #5f9ea0

Wechsel der Hintergrundfarbe bei Hover bei Tag acronym

Die Hintergrundfarbe soll sich von Farbe darkorange auf Farbwert #5f9ea0 ändern, wenn man mit der Maus auf <acronym> zeigt. Bereiten wir zunächst eine Darstellung von <acronym> in Farbe darkorange vor.

Wir legen z.B. bei <acronym> die Hintergrundfarbe auf Farbe darkorange fest. Die Schriftgröße erhöhen wir auf 128%:

<style type="text/css"><!--
  acronym { 
    background-color:darkorange; 
    font-size:128%;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #5f9ea0 gesetzt wird.

<style type="text/css"><!--
  acronym: hover { 
    background-color: #5f9ea0;
  }
//-->
</style>

Einzelheiten vom hier genutzten HTML-Tag acronym sind in der HTML Referenz bei <acronym> beschrieben.