Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #32cd32 und Farbe darksalmon

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 #32cd32			Schriftfarbe darksalmon
Detail	:	Hintergrund #32cd32	Detail	:	Schrift darksalmon
Farbwert	:	#32cd32	Farbe	:	darksalmon
Farbe	:	limegreen	Farbwert	:	#e9967a
HTML	:	#32cd32	HTML	:	darksalmon
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#e9967a
CSS	:	#32cd32	CSS	:	darksalmon
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbwert #32cd32 nach Schriftfarbe darksalmon
#32cd32	#4cc53c	#66bd46	#80b550	#9aad5b	#b4a565	#ce9d6f	#e9967a
#32cd32	#4cc53c	#66bd46	#80b550	#9aad5b	#b4a565	#ce9d6f	#e9967a

Kombination von #32cd32 und darksalmon
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben darksalmon und #32cd32 beträgt 94.82%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.18%. darksalmon eignet sich nicht als Schriftfarbe auf Hintergrund #32cd32, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #32cd32				Schriftfarbe darksalmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#e9967a	#e9967a	#e9967a	#e9967a
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#eca58d	#eca58d	#c78068	#c78068
#6cdb6c	#6cdb6c	#239223	#239223	#efb4a0	#efb4a0	#a66b57	#a66b57
#89e289	#89e289	#1c751c	#1c751c	#f2c3b3	#f2c3b3	#855545	#855545
#a7e9a7	#a7e9a7	#155715	#155715	#f5d2c6	#f5d2c6	#634034	#634034
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#f8e1d9	#f8e1d9	#422a22	#422a22
#e1f7e1	#e1f7e1	#071d07	#071d07	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #32cd32 und Farbe darksalmon

Wechsel der Umrandung bei Hover mit Tag h3

Mit HTML-Tag <h3> setzen Sie eine Überschrift. Sie kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #32cd32 auf Farbe darksalmon ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h3> in Farbwert #32cd32 vor.

In diesem Beispiel umranden wir <h3> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #32cd32.

<style type="text/css"><!--
  h3 { 
    border-color: #32cd32; 
    border-style: dotted; 
    border-width: 2px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf darksalmon geändert wird.

<style type="text/css"><!--
  h3: hover { 
    border-color: darksalmon;
  }
//-->
</style>

Weiteres zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten vom hier genutzten Befehl <h3>.

Wechsel der Textfarbe bei Hover mit Befehl a

Einen Link erzeugen Sie mit HTML-Befehl <a> und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #32cd32 auf Farbe darksalmon ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #32cd32 vor.

Wir legen als Beispiel bei <a> die Textfarbe auf Farbwert #32cd32 fest. Die Größe der Schrift ändern wir auf 9pt.

<style type="text/css"><!--
  a { 
    font-size:9pt; 
    color:#32cd32;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf darksalmon ändert.

<style type="text/css"><!--
  a:hover { 
    color:darksalmon;
  }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum hier gezeigten HTML-Befehl <a>.