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

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 lightcyan			Schriftfarbwert #dc143c
Detail	:	Hintergrund lightcyan	Detail	:	Schrift #dc143c
Farbe	:	lightcyan	Farbwert	:	#dc143c
Farbwert	:	#e0ffff	Farbe	:	crimson
HTML	:	lightcyan	HTML	:	#dc143c
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#dc143c
CSS	:	lightcyan	CSS	:	#dc143c
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #dc143c
#e0ffff	#dfdde3	#debbc7	#de9aab	#dd788f	#dd5773	#dc3557	#dc143c
#e0ffff	#dfdde3	#debbc7	#de9aab	#dd788f	#dd5773	#dc3557	#dc143c

Kombination von lightcyan und #dc143c
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#dc143c ist nicht als Schriftfarbe auf Hintergrund lightcyan geeignet. Zwar ist der Helligkeitsunterschied in Ordnung, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben #dc143c und lightcyan beträgt 77.46%. Die Lesbarkeit dieser Kombination ergibt sich zu 22.54%.

Hintergrundfarbe lightcyan				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#dc143c	#dc143c	#dc143c	#dc143c
#e4ffff	#e4ffff	#c0dada	#c0dada	#e13557	#e13557	#bc1133	#bc1133
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#e65773	#e65773	#9d0e2a	#9d0e2a
#edffff	#edffff	#809191	#809191	#eb788f	#eb788f	#7d0b22	#7d0b22
#f1ffff	#f1ffff	#606d6d	#606d6d	#f09aab	#f09aab	#5e0819	#5e0819
#f6ffff	#f6ffff	#404848	#404848	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#faffff	#faffff	#202424	#202424	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #dc143c

Wechsel der Textfarbe bei Hover mit Befehl option

Die Textfarbe soll sich von Farbe lightcyan auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <option> in Farbe lightcyan vor.

Wir legen in diesem Beispiel die Textfarbe von <option> auf Farbe lightcyan fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace und erhöhen die Größe der Schrift auf 126%.

<style type="text/css"><!--
  option { 
    color:lightcyan; 
    font-family:monospace; 
    font-size:126%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #dc143c ändert.

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

Weiteres zum Thema option erfahren Sie in Formulare in HTML. Der hier verwendete Tag option ist in der HTML Referenz unter <option> genau beschrieben.

Wechsel der Umrandung bei Hover mit HTML-Tag fieldset

Die Rahmenfarbe soll sich von Farbe lightcyan auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <fieldset> in Farbe lightcyan vor.

In diesem Beispiel umranden wir <fieldset> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbe lightcyan.

<style type="text/css"><!--
  fieldset { 
    border-style: ridge; 
    border-width: 3px; 
    border-color: lightcyan;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #dc143c geändert wird.

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

Mehr zu fieldset können Sie in Formulare in HTML nachsehen. Weiteres zum HTML-Tag fieldset ist in der HTML Referenz bei <fieldset> gezeigt.