Ressourcen: 137 HTML Farbnamen - Kombination von Farbe moccasin und Farbwert #00ced1

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.

Hintergrundfarbe moccasin			Schriftfarbwert #00ced1
Detail	:	Hintergrund moccasin	Detail	:	Schrift #00ced1
Farbe	:	moccasin	Farbwert	:	#00ced1
Farbwert	:	#ffe4b5	Farbe	:	darkturquoise
HTML	:	moccasin	HTML	:	#00ced1
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#00ced1
CSS	:	moccasin	CSS	:	#00ced1
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbe moccasin nach Schriftfarbwert #00ced1
#ffe4b5	#dae0b9	#b6ddbd	#91dac1	#6dd7c5	#48d4c9	#24d1cd	#00ced1
#ffe4b5	#dae0b9	#b6ddbd	#91dac1	#6dd7c5	#48d4c9	#24d1cd	#00ced1

Kombination von moccasin und #00ced1
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Auf Hintergrund moccasin ist #00ced1 ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #00ced1 und moccasin ergibt sich zu 92.46%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.54%.

Hintergrundfarbe moccasin				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#00ced1	#00ced1	#00ced1	#00ced1
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#ffebca	#ffebca	#b6a281	#b6a281	#48dcde	#48dcde	#009395	#009395
#ffefd4	#ffefd4	#918267	#918267	#6de3e4	#6de3e4	#007577	#007577
#fff3df	#fff3df	#6d614d	#6d614d	#91eaeb	#91eaeb	#005859	#005859
#fff7e9	#fff7e9	#484133	#484133	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#fffbf4	#fffbf4	#242019	#242019	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe moccasin und Farbwert #00ced1

Hintergrund/Text-Kombination mit Tag cite

Hier ändern wir die Textfarbe von <cite> auf Farbwert #00ced1 und die Hintergrundfarbe von <cite> auf Farbe moccasin. Als Schriftart wählen wir arial und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  cite { 
    color: #00ced1; 
    background-color: moccasin; 
    font-size: 13px; 
    font-family: arial;
  }
//-->
</style>

Die Beschreibung vom Tag cite lesen Sie in der HTML Referenz unter <cite>.

Wechsel der Umrandung bei Hover bei HTML-Tag strong

Die Rahmenfarbe soll sich von Farbe moccasin auf Farbwert #00ced1 ändern, wenn man mit der Maus auf <strong> zeigt. Bereiten wir zunächst die Darstellung von <strong> in Farbe moccasin vor.

In diesem Beispiel umranden wir <strong> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbe moccasin.

<style type="text/css"><!--
  strong { 
    border-width: 5px; 
    border-color: moccasin; 
    border-style: inset;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #00ced1 geändert wird.

<style type="text/css"><!--
  strong:hover { 
    border-color:#00ced1;
  }
//-->
</style>

Weiteres zu strong können Sie in Text in HTML nachsehen. Die Beschreibung vom HTML-Tag strong lesen Sie in der HTML Referenz unter <strong>.