Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008b8b und Farbwert #ffc0cb

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 #008b8b			Schriftfarbwert #ffc0cb
Detail	:	Hintergrund #008b8b	Detail	:	Schrift #ffc0cb
Farbwert	:	#008b8b	Farbwert	:	#ffc0cb
Farbe	:	darkcyan	Farbe	:	pink
HTML	:	#008b8b	HTML	:	#ffc0cb
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#ffc0cb
CSS	:	#008b8b	CSS	:	#ffc0cb
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 Hintergrundfarbwert #008b8b nach Schriftfarbwert #ffc0cb
#008b8b	#249294	#489a9d	#6da1a6	#91a9af	#b6b0b8	#dab8c1	#ffc0cb
#008b8b	#249294	#489a9d	#6da1a6	#91a9af	#b6b0b8	#dab8c1	#ffc0cb

Kombination von #008b8b und #ffc0cb
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffc0cb ist nicht als Schriftfarbe auf Hintergrund #008b8b geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ffc0cb und #008b8b ergibt sich zu 87.17%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 12.83%.

Hintergrundfarbwert #008b8b				Schriftfarbwert #ffc0cb
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

Beispiele zur Kombination von Farbwert #008b8b und Farbwert #ffc0cb

Hintergrund/Text-Kombination mit Tag ins

Wir ändern für dieses Beispiel die Textfarbe von <ins> auf Farbwert #ffc0cb und die Hintergrundfarbe von <ins> auf Farbwert #008b8b. Die Schriftart setzen wir auf sans-serif und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  ins { 
    font-family:sans-serif; 
    color:#ffc0cb; 
    font-size:13px; 
    background-color:#008b8b;
  }
//-->
</style>

Beschreibung vom hier verwendeten Tag <ins>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Link. Diesen kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #008b8b auf Farbwert #ffc0cb ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #008b8b vor.

Wir legen für dieses Beispiel die Hintergrundfarbe von <a> auf Farbwert #008b8b fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf monospace. Die Schriftgröße vergrößern wir auf 114%:

<style type="text/css"><!--
  a { 
    background-color:#008b8b; 
    font-size:114%; 
    font-family:monospace;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf #ffc0cb ändert.

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Einzelheiten vom hier gezeigten Befehl <a>.