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

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 #fdf5e6
Detail	:	Hintergrund crimson	Detail	:	Schrift #fdf5e6
Farbe	:	crimson	Farbwert	:	#fdf5e6
Farbwert	:	#dc143c	Farbe	:	oldlace
HTML	:	crimson	HTML	:	#fdf5e6
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#fdf5e6
CSS	:	crimson	CSS	:	#fdf5e6
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #fdf5e6
#dc143c	#e03454	#e5546c	#ea7484	#ee949d	#f3b4b5	#f8d4cd	#fdf5e6
#dc143c	#e03454	#e5546c	#ea7484	#ee949d	#f3b4b5	#f8d4cd	#fdf5e6

Kombination von crimson und #fdf5e6
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund crimson. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #fdf5e6 und crimson ergibt sich zu 78.07%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 21.93%.

Hintergrundfarbe crimson				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#e13557	#e13557	#bc1133	#bc1133	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#e65773	#e65773	#9d0e2a	#9d0e2a	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#eb788f	#eb788f	#7d0b22	#7d0b22	#fdf9f0	#fdf9f0	#908c83	#908c83
#f09aab	#f09aab	#5e0819	#5e0819	#fefaf4	#fefaf4	#6c6962	#6c6962
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fefcf7	#fefcf7	#484641	#484641
#fadde3	#fadde3	#1f0208	#1f0208	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #fdf5e6

Wechsel der Hintergrundfarbe bei Hover von Befehl pre

Die Hintergrundfarbe soll sich von Farbe crimson auf Farbwert #fdf5e6 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbe crimson vor.

Wir legen hier die Hintergrundfarbe von <pre> auf Farbe crimson fest und setzen die Schriftgröße auf 9pt.

<style type="text/css"><!--
  pre { 
    background-color:crimson; 
    font-size:9pt;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fdf5e6 geändert wird.

<style type="text/css"><!--
  pre: hover { 
    background-color: #fdf5e6;
  }
//-->
</style>

Mehr zum Thema pre finden Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Tag <pre>.

Wechsel der Textfarbe bei Hover von Tag fieldset

Die Textfarbe soll sich von Farbe crimson auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <fieldset> zeigt. Bereiten wir zunächst eine Darstellung von <fieldset> in Farbe crimson vor.

In diesem Beispiel ändern wir die Textfarbe von <fieldset> auf Farbe crimson. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  fieldset { 
    color: crimson; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf #fdf5e6 ändert.

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

Weiteres zum Thema erfahren Sie in Formulare in HTML. Mehr zum hier verwendeten Befehl fieldset ist in der HTML Referenz bei <fieldset> ausführlich gezeigt.