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

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 #6a5acd
Detail	:	Hintergrund crimson	Detail	:	Schrift #6a5acd
Farbe	:	crimson	Farbwert	:	#6a5acd
Farbwert	:	#dc143c	Farbe	:	slateblue
HTML	:	crimson	HTML	:	#6a5acd
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#6a5acd
CSS	:	crimson	CSS	:	#6a5acd
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #6a5acd
#dc143c	#cb1e50	#bb2865	#ab327a	#9a3c8e	#8a46a3	#7a50b8	#6a5acd
#dc143c	#cb1e50	#bb2865	#ab327a	#9a3c8e	#8a46a3	#7a50b8	#6a5acd

Kombination von crimson und #6a5acd
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #6a5acd und crimson ergibt sich zu 94.94%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.06%. Auf Hintergrund crimson ist #6a5acd ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe crimson				Schriftfarbwert #6a5acd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#e13557	#e13557	#bc1133	#bc1133	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#e65773	#e65773	#9d0e2a	#9d0e2a	#9489db	#9489db	#4b4092	#4b4092
#eb788f	#eb788f	#7d0b22	#7d0b22	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#f09aab	#f09aab	#5e0819	#5e0819	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#d4cff0	#d4cff0	#1e193a	#1e193a
#fadde3	#fadde3	#1f0208	#1f0208	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #6a5acd

Wechsel der Hintergrundfarbe bei Hover von Tag select

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

In diesem Beispiel setzen wir bei <select> die Hintergrundfarbe auf Farbe crimson und setzen die Größe der Schrift auf 128%.

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

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #6a5acd geändert wird.

<style type="text/css"><!--
  select: hover { 
    background-color: #6a5acd;
  }
//-->
</style>

Mehr zum Thema select können Sie in Formulare in HTML erfahren. Der hier verwendete HTML-Tag select ist in der HTML Referenz bei <select> ausführlich beschrieben.

Füllen und Umranden mit Befehl ins

Für dieses Beispiel umranden wir <ins> mit einem . Den Hintergrund von <ins> setzen wir auf Farbe crimson. In HTML ist das nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  ins { border:4pt ridge #6a5acd; background-color:crimson; }
//-->
</style>

Weiteres zum hier gezeigten HTML-Tag <ins>.