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

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 skyblue
Detail	:	Hintergrund #3cb371	Detail	:	Schrift skyblue
Farbwert	:	#3cb371	Farbe	:	skyblue
Farbe	:	mediumseagreen	Farbwert	:	#87ceeb
HTML	:	#3cb371	HTML	:	skyblue
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#87ceeb
CSS	:	#3cb371	CSS	:	skyblue
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbe skyblue
#3cb371	#46b682	#51ba93	#5cbea5	#66c2b6	#71c6c8	#7ccad9	#87ceeb
#3cb371	#46b682	#51ba93	#5cbea5	#66c2b6	#71c6c8	#7ccad9	#87ceeb

Kombination von #3cb371 und skyblue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				skyblue ist nicht als Schriftfarbe auf Hintergrund #3cb371 geeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben skyblue und #3cb371 ergibt sich zu 92.71%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.29%.

Hintergrundfarbwert #3cb371				Schriftfarbe skyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#57bd85	#57bd85	#339960	#339960	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#73c899	#73c899	#2a7f50	#2a7f50	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#8fd3ad	#8fd3ad	#226640	#226640	#bae3f3	#bae3f3	#4d7586	#4d7586
#abdec2	#abdec2	#194c30	#194c30	#cbeaf6	#cbeaf6	#395864	#395864
#c7e9d6	#c7e9d6	#113320	#113320	#dcf1f9	#dcf1f9	#263a43	#263a43
#e3f4ea	#e3f4ea	#081910	#081910	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbe skyblue

Wechsel der Textfarbe bei Hover mit Tag dt

Die Textfarbe soll sich von Farbwert #3cb371 auf Farbe skyblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbwert #3cb371 vor.

Für dieses Beispiel setzen wir die Textfarbe von <dt> auf Farbwert #3cb371:

<style type="text/css"><!--
  dt { 
    color:#3cb371;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf skyblue geändert wird.

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

Weiteres zum Thema finden Sie in Listen und Glossare in HTML. Weiteres zum hier verwendeten HTML-Tag <dt>.

Füllen und Umranden mit Tag blockquote

Hier umranden wir <blockquote> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe skyblue . Den Hintergrund von <blockquote> färben wir entsprechend mit Farbwert #3cb371. In HTML ist dies kaum machbar. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  blockquote { 
    background-color: #3cb371; 
    border-style: outset; 
    border-color: skyblue; 
    border-width: 1px;
  }
//-->
</style>

Weiteres zum Thema blockquote erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier verwendeten HTML-Tag <blockquote>.