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

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

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #fafad2
#00ced1	#23d4d1	#47dad1	#6be0d1	#8ee7d1	#b2edd1	#d6f3d1	#fafad2
#00ced1	#23d4d1	#47dad1	#6be0d1	#8ee7d1	#b2edd1	#d6f3d1	#fafad2

Kombination von darkturquoise und #fafad2
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #fafad2 und darkturquoise beträgt 91.29%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 8.71%. Auf Hintergrund darkturquoise ist #fafad2 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe darkturquoise				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#fafad2	#fafad2	#fafad2	#fafad2
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#48dcde	#48dcde	#009395	#009395	#fbfbde	#fbfbde	#b2b296	#b2b296
#6de3e4	#6de3e4	#007577	#007577	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#91eaeb	#91eaeb	#005859	#005859	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#fdfdf2	#fdfdf2	#47473c	#47473c
#daf8f8	#daf8f8	#001d1d	#001d1d	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkturquoise und Farbwert #fafad2

Hintergrund/Text-Kombination bei Tag h4

Mit Tag <h4> wird eine Überschrift erzeugt. Diese kann man farblich gestalten.

Wir ändern in diesem Beispiel die Textfarbe von <h4> auf Farbwert #fafad2 und die Hintergrundfarbe von <h4> auf Farbe darkturquoise. Als Schriftart wählen wir verdana. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  h4 { 
    color: #fafad2; 
    font-family: verdana; 
    font-size: 13px; 
    background-color: darkturquoise;
  }
//-->
</style>

Mehr zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten vom Befehl <h4>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl code

Die Hintergrundfarbe soll sich von Farbe darkturquoise auf Farbwert #fafad2 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <code> in Farbe darkturquoise vor.

Hier legen wir Farbe darkturquoise als Hintergrundfarbe von <code> fest:

<style type="text/css"><!--
  code { 
    background-color: darkturquoise;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fafad2 geändert wird.

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

Mehr zum Thema lesen Sie in Text in HTML. Einzelheiten des hier verwendeten Tag <code>.