Ressourcen: 137 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #fff8dc

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe crimson			Schriftfarbwert #fff8dc
Detail	:	Hintergrund crimson	Detail	:	Schrift #fff8dc
Farbe	:	crimson	Farbwert	:	#fff8dc
Farbwert	:	#dc143c	Farbe	:	cornsilk
HTML	:	crimson	HTML	:	#fff8dc
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#fff8dc
CSS	:	crimson	CSS	:	#fff8dc
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #fff8dc
#dc143c	#e13452	#e65569	#eb7580	#f09697	#f5b6ae	#fad7c5	#fff8dc
#dc143c	#e13452	#e65569	#eb7580	#f09697	#f5b6ae	#fad7c5	#fff8dc

Kombination von crimson und #fff8dc
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #fff8dc und crimson beträgt 77.70%. Die Lesbarkeit dieser Farbkombination liegt damit bei 22.30%. #fff8dc ist nicht als Schriftfarbe auf Hintergrund crimson geeignet, weil die Farben zu ähnlich sind.

Hintergrundfarbe crimson				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#e13557	#e13557	#bc1133	#bc1133	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#e65773	#e65773	#9d0e2a	#9d0e2a	#fffae6	#fffae6	#b6b19d	#b6b19d
#eb788f	#eb788f	#7d0b22	#7d0b22	#fffbeb	#fffbeb	#918d7d	#918d7d
#f09aab	#f09aab	#5e0819	#5e0819	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fffdf5	#fffdf5	#48463e	#48463e
#fadde3	#fadde3	#1f0208	#1f0208	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #fff8dc

Füllen und Umranden bei HTML-Befehl img

Für dieses Beispiel umranden wir <img> mit einem gestrichelten, 5 Pixel dicken Rahmen in Farbwert #fff8dc . Die Hintergrundfarbe für <img> setzen wir auf Farbe crimson. Mit HTML geht das kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  img { 
    background-color:crimson; 
    border-width:5px; 
    border-style:dashed; 
    border-color:#fff8dc;
  }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML erfahren. Zur Beschreibung des Tag <img>.

Wechsel der Textfarbe bei Hover mit HTML-Tag cite

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

Hier legen wir die Textfarbe von <cite> auf Farbe crimson fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif und verringern die Größe der Schrift auf 94%:

<style type="text/css"><!--
  cite { 
    font-family: sans-serif; 
    font-size: 94%; 
    color: crimson;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #fff8dc ändert.

<style type="text/css"><!--
  cite: hover { 
    color: #fff8dc;
  }
//-->
</style>

Beschreibung des HTML-Tag <cite>.