Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbe peachpuff

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 #3cb371			Schriftfarbe peachpuff
Detail	:	Hintergrund #3cb371	Detail	:	Schrift peachpuff
Farbwert	:	#3cb371	Farbe	:	peachpuff
Farbe	:	mediumseagreen	Farbwert	:	#ffdab9
HTML	:	#3cb371	HTML	:	peachpuff
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#ffdab9
CSS	:	#3cb371	CSS	:	peachpuff
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbe peachpuff
#3cb371	#57b87b	#73be85	#8fc38f	#abc99a	#c7cea4	#e3d4ae	#ffdab9
#3cb371	#57b87b	#73be85	#8fc38f	#abc99a	#c7cea4	#e3d4ae	#ffdab9

Kombination von #3cb371 und peachpuff
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.				Auf Hintergrund #3cb371 ist peachpuff ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von peachpuff und #3cb371 ergibt sich zu 90.34%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.66%.

Hintergrundfarbwert #3cb371				Schriftfarbe peachpuff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#57bd85	#57bd85	#339960	#339960	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#73c899	#73c899	#2a7f50	#2a7f50	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#8fd3ad	#8fd3ad	#226640	#226640	#ffe9d7	#ffe9d7	#917c69	#917c69
#abdec2	#abdec2	#194c30	#194c30	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#c7e9d6	#c7e9d6	#113320	#113320	#fff4eb	#fff4eb	#483e34	#483e34
#e3f4ea	#e3f4ea	#081910	#081910	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbe peachpuff

Wechsel der Umrandung bei Hover von Befehl fieldset

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

In diesem Beispiel umranden wir <fieldset> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #3cb371.

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

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf peachpuff geändert wird.

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

Weiteres zum Thema finden Sie in Formulare in HTML. Weiteres zum Befehl fieldset ist in der HTML Referenz bei <fieldset> zusammengestellt.

Wechsel der Textfarbe bei Hover mit HTML-Tag h1

Eine Überschrift der 1. Stufe setzen Sie mit HTML-Tag <h1>. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbwert #3cb371 auf Farbe peachpuff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h1> in Farbwert #3cb371 vor.

Als Beispiel setzen wir bei <h1> die Textfarbe auf Farbwert #3cb371. Die Größe der Schrift erhöhen wir auf 118%:

<style type="text/css"><!--
  h1 { 
    font-size:118%; 
    color:#3cb371;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf peachpuff gesetzt wird.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des HTML-Tag <h1>.