Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ced1 und Farbwert #f8f8ff

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 #00ced1			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund #00ced1	Detail	:	Schrift #f8f8ff
Farbwert	:	#00ced1	Farbwert	:	#f8f8ff
Farbe	:	darkturquoise	Farbe	:	ghostwhite
HTML	:	#00ced1	HTML	:	#f8f8ff
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#f8f8ff
CSS	:	#00ced1	CSS	:	#f8f8ff
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbwert #f8f8ff
#00ced1	#23d4d7	#46dade	#6ae0e4	#8de6eb	#b1ecf1	#d4f2f8	#f8f8ff
#00ced1	#23d4d7	#46dade	#6ae0e4	#8de6eb	#b1ecf1	#d4f2f8	#f8f8ff

Kombination von #00ced1 und #f8f8ff
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #f8f8ff und #00ced1 ergibt sich zu 91.20%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.80%. #f8f8ff eignet sich nicht als Schriftfarbe auf Hintergrund #00ced1, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #00ced1				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#48dcde	#48dcde	#009395	#009395	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#6de3e4	#6de3e4	#007577	#007577	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#91eaeb	#91eaeb	#005859	#005859	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#fdfdff	#fdfdff	#464648	#464648
#daf8f8	#daf8f8	#001d1d	#001d1d	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00ced1 und Farbwert #f8f8ff

Wechsel der Umrandung bei Hover bei Tag caption

Die Rahmenfarbe soll sich von Farbwert #00ced1 auf Farbwert #f8f8ff ändern, wenn man mit der Maus auf <caption> zeigt. Wir bereiten zunächst eine Formatierung von <caption> in Farbwert #00ced1 vor.

In diesem Beispiel umranden wir <caption> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #00ced1.

<style type="text/css"><!--
  caption { border:3px ridge #00ced1; }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #f8f8ff ändert.

<style type="text/css"><!--
  caption:hover { 
    border-color:#f8f8ff;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Tag caption erfahren Sie in der HTML Referenz unter <caption>.