Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkturquoise und Farbwert #fffafa

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

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

Kombination von darkturquoise und #fffafa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #fffafa und darkturquoise beträgt 91.00%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.00%. #fffafa ist nicht als Schriftfarbe auf Hintergrund darkturquoise geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

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

Beispiele zur Kombination von Farbe darkturquoise und Farbwert #fffafa

Text- und Unterstreichungsfarben bei HTML-Befehl h4

Eine Überschrift erzeugt man mit Befehl <h4>. Diese kann farblich gestaltet werden.

Wir ändern Hher die Textfarbe von <h4> auf Farbwert #fffafa. Die Schriftart ändern wir auf courier new. Die Schriftgröße verringern wir auf 98%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gestrichelten Rahmens mit 4 Punkte Dicke in Farbe darkturquoise. In HTML geht das nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h4 { 
    color:#fffafa; 
    border-bottom-width:4pt; 
    border-bottom-color:darkturquoise; 
    font-family:courier new; 
    font-size:98%; 
    border-bottom-style:dashed;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Zur Beschreibung vom HTML-Tag <h4>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl p

Die Hintergrundfarbe soll sich von Farbe darkturquoise auf Farbwert #fffafa ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbe darkturquoise vor.

Wir legen z.B. Farbe darkturquoise als Hintergrundfarbe von <p> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  p { 
    font-family:verdana; 
    background-color:darkturquoise;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #fffafa ändert.

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

Mehr zum Thema p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des HTML-Tag <p>.