Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dc143c und Farbwert #ffffe0

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.

Hintergrundfarbwert #dc143c			Schriftfarbwert #ffffe0
Detail	:	Hintergrund #dc143c	Detail	:	Schrift #ffffe0
Farbwert	:	#dc143c	Farbwert	:	#ffffe0
Farbe	:	crimson	Farbe	:	lightyellow
HTML	:	#dc143c	HTML	:	#ffffe0
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#ffffe0
CSS	:	#dc143c	CSS	:	#ffffe0
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbwert #dc143c nach Schriftfarbwert #ffffe0
#dc143c	#e13553	#e6576a	#eb7882	#f09a99	#f5bbb1	#faddc8	#ffffe0
#dc143c	#e13553	#e6576a	#eb7882	#f09a99	#f5bbb1	#faddc8	#ffffe0

Kombination von #dc143c und #ffffe0
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 der Farben #ffffe0 und #dc143c beträgt 76.65%. Die Lesbarkeit dieser Kombination liegt damit bei 23.35%. #ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund #dc143c. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind sich zu ähnlich.

Hintergrundfarbwert #dc143c				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#e13557	#e13557	#bc1133	#bc1133	#ffffe4	#ffffe4	#dadac0	#dadac0
#e65773	#e65773	#9d0e2a	#9d0e2a	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#eb788f	#eb788f	#7d0b22	#7d0b22	#ffffed	#ffffed	#919180	#919180
#f09aab	#f09aab	#5e0819	#5e0819	#fffff1	#fffff1	#6d6d60	#6d6d60
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fffff6	#fffff6	#484840	#484840
#fadde3	#fadde3	#1f0208	#1f0208	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #dc143c und Farbwert #ffffe0

Wechsel der Umrandung bei Hover mit Befehl frameset

Die Rahmenfarbe soll sich von Farbwert #dc143c auf Farbwert #ffffe0 ändern, wenn man mit der Maus auf <frameset> zeigt. Bereiten wir zunächst eine Formatierung von <frameset> in Farbwert #dc143c vor.

In diesem Beispiel umranden wir <frameset> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #dc143c.

<style type="text/css"><!--
  frameset { border:2px inset #dc143c; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #ffffe0 geändert wird.

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

Mehr zum hier genutzten Befehl <frameset>.