Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #98fb98 und Farbwert #cd5c5c

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 #98fb98			Schriftfarbwert #cd5c5c
Detail	:	Hintergrund #98fb98	Detail	:	Schrift #cd5c5c
Farbwert	:	#98fb98	Farbwert	:	#cd5c5c
Farbe	:	palegreen	Farbe	:	indianred
HTML	:	#98fb98	HTML	:	#cd5c5c
HTML (Wert)	:	#98fb98	HTML (Wert)	:	#cd5c5c
CSS	:	#98fb98	CSS	:	#cd5c5c
CSS (Wert)	:	#98fb98	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#98fb98	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(152,251,152)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(59%,98%,59%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbwert #98fb98 nach Schriftfarbwert #cd5c5c
#98fb98	#9fe48f	#a7cd86	#aeb67e	#b6a075	#bd896d	#c57264	#cd5c5c
#98fb98	#9fe48f	#a7cd86	#aeb67e	#b6a075	#bd896d	#c57264	#cd5c5c

Kombination von #98fb98 und #cd5c5c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #98fb98 ist #cd5c5c ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #cd5c5c und #98fb98 beträgt 85.04%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.96%.

Hintergrundfarbwert #98fb98				Schriftfarbwert #cd5c5c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#a6fba6	#a6fba6	#82d782	#82d782	#d47373	#d47373	#af4e4e	#af4e4e
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#db8a8a	#db8a8a	#924141	#924141
#c4fcc4	#c4fcc4	#568f56	#568f56	#e2a1a1	#e2a1a1	#753434	#753434
#d2fdd2	#d2fdd2	#416b41	#416b41	#e9b9b9	#e9b9b9	#572727	#572727
#e1fde1	#e1fde1	#2b472b	#2b472b	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#f0fef0	#f0fef0	#152315	#152315	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #98fb98 und Farbwert #cd5c5c

Füllen und Umranden bei HTML-Tag th

Für dieses Beispiel umranden wir <th> mit einem gefurchten, 1 Punkte dicken Rahmen in Farbwert #cd5c5c . Den Hintergrund von <th> färben wir entsprechend mit Farbwert #98fb98. Mit HTML ist dies nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  th { border:1pt groove #cd5c5c; background-color:#98fb98; }
//-->
</style>

Weiteres zum Thema th können Sie in Tabellen in HTML finden. Weiteres zum hier verwendeten Tag th lesen Sie in der HTML Referenz unter <th>.

Wechsel der Textfarbe bei Hover von Tag input

Die Textfarbe soll sich von Farbwert #98fb98 auf Farbwert #cd5c5c ändern, wenn man mit der Maus auf <input> zeigt. Wir bereiten zunächst eine Darstellung von <input> in Farbwert #98fb98 vor.

Wir legen für dieses Beispiel bei <input> die Textfarbe auf Farbwert #98fb98 fest und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  input { 
    font-size:13px; 
    color:#98fb98;
  }
//-->
</style>

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

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

Weiteres zum Thema input finden Sie in Formulare in HTML. Zur Beschreibung vom HTML-Tag <input>.