Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #32cd32 und Farbwert #cd5c5c

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.

Hintergrundfarbwert #32cd32			Schriftfarbwert #cd5c5c
Detail	:	Hintergrund #32cd32	Detail	:	Schrift #cd5c5c
Farbwert	:	#32cd32	Farbwert	:	#cd5c5c
Farbe	:	limegreen	Farbe	:	indianred
HTML	:	#32cd32	HTML	:	#cd5c5c
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#cd5c5c
CSS	:	#32cd32	CSS	:	#cd5c5c
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbwert #32cd32 nach Schriftfarbwert #cd5c5c
#32cd32	#48bc38	#5eac3e	#749c44	#8a8c4a	#a07c50	#b66c56	#cd5c5c
#32cd32	#48bc38	#5eac3e	#749c44	#8a8c4a	#a07c50	#b66c56	#cd5c5c

Kombination von #32cd32 und #cd5c5c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#cd5c5c ist nicht als Schriftfarbe auf Hintergrund #32cd32 geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #cd5c5c und #32cd32 ergibt sich zu 91.06%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.94%.

Hintergrundfarbwert #32cd32				Schriftfarbwert #cd5c5c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#d47373	#d47373	#af4e4e	#af4e4e
#6cdb6c	#6cdb6c	#239223	#239223	#db8a8a	#db8a8a	#924141	#924141
#89e289	#89e289	#1c751c	#1c751c	#e2a1a1	#e2a1a1	#753434	#753434
#a7e9a7	#a7e9a7	#155715	#155715	#e9b9b9	#e9b9b9	#572727	#572727
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#e1f7e1	#e1f7e1	#071d07	#071d07	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #32cd32 und Farbwert #cd5c5c

Text- und Unterstreichungsfarben von Tag fieldset

Wir ändern Hher die Textfarbe von <fieldset> auf Farbwert #cd5c5c. Die Schriftart setzen wir auf verdana. Die Schriftgröße ändern wir auf 9pt. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #32cd32. Dies geht in HTML kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  fieldset { 
    color:#cd5c5c; 
    font-size:9pt; 
    border-bottom-width:5px; 
    font-family:verdana; 
    border-bottom-style:outset; 
    border-bottom-color:#32cd32;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema finden Sie in Formulare in HTML. Weiteres zum HTML-Tag fieldset ist in der HTML Referenz bei <fieldset> genau gezeigt.

Wechsel der Umrandung bei Hover bei HTML-Befehl option

Die Rahmenfarbe soll sich von Farbwert #32cd32 auf Farbwert #cd5c5c ändern, wenn man mit der Maus auf <option> zeigt. Wir bereiten zunächst eine Darstellung von <option> in Farbwert #32cd32 vor.

In diesem Beispiel umranden wir <option> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #32cd32.

<style type="text/css"><!--
  option { border:3px double #32cd32; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #cd5c5c ändert.

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

Weiteres zu option erfahren Sie in Formulare in HTML. Möglichkeiten des hier gezeigten HTML-Befehl option sind in der HTML Referenz unter <option> ausführlich beschrieben.