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

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

Verlauf Hintergrundfarbwert #fffafa nach Schriftfarbwert #00ced1
#fffafa	#daf3f4	#b6edee	#91e7e8	#6de0e2	#48dadc	#24d4d6	#00ced1
#fffafa	#daf3f4	#b6edee	#91e7e8	#6de0e2	#48dadc	#24d4d6	#00ced1

Kombination von #fffafa und #00ced1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Auf Hintergrund #fffafa ist #00ced1 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #00ced1 und #fffafa ergibt sich zu 91.00%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 9.00%.

Hintergrundfarbwert #fffafa				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#00ced1	#00ced1	#00ced1	#00ced1
#fffafa	#fffafa	#dad6d6	#dad6d6	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#48dcde	#48dcde	#009395	#009395
#fffcfc	#fffcfc	#918e8e	#918e8e	#6de3e4	#6de3e4	#007577	#007577
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#91eaeb	#91eaeb	#005859	#005859
#fffdfd	#fffdfd	#484747	#484747	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#fffefe	#fffefe	#242323	#242323	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffafa und Farbwert #00ced1

Wechsel der Textfarbe bei Hover von Tag h1

Mit HTML-Tag <h1> wird eine Überschrift der 1. Stufe erzeugt. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #fffafa auf Farbwert #00ced1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h1> in Farbwert #fffafa vor.

Wir legen für dieses Beispiel die Textfarbe von <h1> auf Farbwert #fffafa fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  h1 { 
    font-family: sans-serif; 
    color: #fffafa;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #00ced1 ändert.

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

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Zur Beschreibung vom hier genutzten HTML-Befehl <h1>.

Füllen und Umranden mit HTML-Tag legend

Für dieses Beispiel umranden wir <legend> mit einem gefurchten, 5 Pixel dicken Rahmen in Farbwert #00ced1 . Die Hintergrundfarbe für <legend> setzen wir auf Farbwert #fffafa. In HTML ist das nicht machbar. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  legend { 
    border-color:#00ced1; 
    border-width:5px; 
    border-style:groove; 
    background-color:#fffafa;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Formulare in HTML. Einzelheiten des hier genutzten Tag legend sind in der HTML Referenz bei <legend> beschrieben.