Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkcyan und Farbe pink

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.

Hintergrundfarbe darkcyan			Schriftfarbe pink
Detail	:	Hintergrund darkcyan	Detail	:	Schrift pink
Farbe	:	darkcyan	Farbe	:	pink
Farbwert	:	#008b8b	Farbwert	:	#ffc0cb
HTML	:	darkcyan	HTML	:	pink
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#ffc0cb
CSS	:	darkcyan	CSS	:	pink
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbe pink
#008b8b	#249294	#489a9d	#6da1a6	#91a9af	#b6b0b8	#dab8c1	#ffc0cb
#008b8b	#249294	#489a9d	#6da1a6	#91a9af	#b6b0b8	#dab8c1	#ffc0cb

Kombination von darkcyan und pink
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben pink und darkcyan ergibt sich zu 87.17%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.83%. pink eignet sich nicht als Schriftfarbe auf Hintergrund darkcyan, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe darkcyan				Schriftfarbe pink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#249b9b	#249b9b	#007777	#007777	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#48acac	#48acac	#006363	#006363	#ffd2d9	#ffd2d9	#b68991	#b68991
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#ffdbe1	#ffdbe1	#916d74	#916d74
#91cdcd	#91cdcd	#003b3b	#003b3b	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#b6dddd	#b6dddd	#002727	#002727	#ffedf0	#ffedf0	#48363a	#48363a
#daeeee	#daeeee	#001313	#001313	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkcyan und Farbe pink

Wechsel der Textfarbe bei Hover von HTML-Befehl samp

Die Textfarbe soll sich von Farbe darkcyan auf Farbe pink ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <samp> in Farbe darkcyan vor.

Wir setzen in diesem Beispiel bei <samp> die Textfarbe auf Farbe darkcyan. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  samp { 
    font-family:courier new; 
    color:darkcyan;
  }
//-->
</style>

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

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

Mehr zu samp können Sie in Text in HTML nachlesen. Mehr zum HTML-Befehl <samp>.