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

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 #fa8072
Detail	:	Hintergrund crimson	Detail	:	Schrift #fa8072
Farbe	:	crimson	Farbwert	:	#fa8072
Farbwert	:	#dc143c	Farbe	:	salmon
HTML	:	crimson	HTML	:	#fa8072
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#fa8072
CSS	:	crimson	CSS	:	#fa8072
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #fa8072
#dc143c	#e02343	#e4324b	#e84253	#ed515a	#f16162	#f5706a	#fa8072
#dc143c	#e02343	#e4324b	#e84253	#ed515a	#f16162	#f5706a	#fa8072

Kombination von crimson und #fa8072
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. Cras id velit ante.				Die Ähnlichkeit der Farben #fa8072 und crimson beträgt 90.50%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.50%. #fa8072 ist nicht als Schriftfarbe auf Hintergrund crimson geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe crimson				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#fa8072	#fa8072	#fa8072	#fa8072
#e13557	#e13557	#bc1133	#bc1133	#fa9286	#fa9286	#d66d61	#d66d61
#e65773	#e65773	#9d0e2a	#9d0e2a	#fba49a	#fba49a	#b25b51	#b25b51
#eb788f	#eb788f	#7d0b22	#7d0b22	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#f09aab	#f09aab	#5e0819	#5e0819	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fddad6	#fddad6	#472420	#472420
#fadde3	#fadde3	#1f0208	#1f0208	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe crimson und Farbwert #fa8072

Wechsel der Umrandung bei Hover bei Befehl select

Die Rahmenfarbe soll sich von Farbe crimson auf Farbwert #fa8072 ändern, wenn man mit der Maus auf <select> zeigt. Wir bereiten zunächst eine Darstellung von <select> in Farbe crimson vor.

In diesem Beispiel umranden wir <select> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe crimson.

<style type="text/css"><!--
  select { border:5px outset crimson; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #fa8072 gesetzt wird.

<style type="text/css"><!--
  select: hover { 
    border-color: #fa8072;
  }
//-->
</style>

Mehr zu select lesen Sie in Formulare in HTML. Der HTML-Befehl select ist in der HTML Referenz bei <select> beschrieben.