Ressourcen: 120 HTML Farbnamen - Kombination von Farbe paleturquoise und Farbwert #fffaf0

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 paleturquoise			Schriftfarbwert #fffaf0
Detail	:	Hintergrund paleturquoise	Detail	:	Schrift #fffaf0
Farbe	:	paleturquoise	Farbwert	:	#fffaf0
Farbwert	:	#afeeee	Farbe	:	floralwhite
HTML	:	paleturquoise	HTML	:	#fffaf0
HTML (Wert)	:	#afeeee	HTML (Wert)	:	#fffaf0
CSS	:	paleturquoise	CSS	:	#fffaf0
CSS (Wert)	:	#afeeee	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#afeeee	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(175,238,238)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(68%,93%,93%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe paleturquoise nach Schriftfarbwert #fffaf0
#afeeee	#baefee	#c5f1ee	#d1f3ee	#dcf4ef	#e8f6ef	#f3f8ef	#fffaf0
#afeeee	#baefee	#c5f1ee	#d1f3ee	#dcf4ef	#e8f6ef	#f3f8ef	#fffaf0

Kombination von paleturquoise und #fffaf0
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #fffaf0 und paleturquoise ergibt sich zu 94.10%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.90%. Auf Hintergrund paleturquoise ist #fffaf0 ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe paleturquoise				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#afeeee	#afeeee	#afeeee	#afeeee	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#baf0f0	#baf0f0	#96cccc	#96cccc	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#c5f2f2	#c5f2f2	#7daaaa	#7daaaa	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#d1f5f5	#d1f5f5	#648888	#648888	#fffcf6	#fffcf6	#918e89	#918e89
#dcf7f7	#dcf7f7	#4b6666	#4b6666	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#e8fafa	#e8fafa	#324444	#324444	#fffdfa	#fffdfa	#484744	#484744
#f3fcfc	#f3fcfc	#192222	#192222	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe paleturquoise und Farbwert #fffaf0

Wechsel der Textfarbe bei Hover von Befehl em

Die Textfarbe soll sich von Farbe paleturquoise auf Farbwert #fffaf0 ändern, wenn man mit der Maus auf <em> zeigt. Wir bereiten zunächst die Darstellung von <em> in Farbe paleturquoise vor.

Für dieses Beispiel legen wir Farbe paleturquoise als Textfarbe von <em> fest. Die Größe der Schrift verkleinern wir auf 86%.

<style type="text/css"><!--
  em { 
    font-size: 86%; 
    color: paleturquoise;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #fffaf0 geändert wird.

<style type="text/css"><!--
  em:hover { 
    color:#fffaf0;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Weiteres zum hier verwendeten Tag em ist in der HTML Referenz unter <em> ausführlich zusammengestellt.

Füllen und Umranden mit HTML-Tag tbody

Für dieses Beispiel umranden wir <tbody> mit einem 1 Punkte dicken, gefurchten Rahmen in Farbwert #fffaf0 . Den Hintergrund von <tbody> setzen wir entsprechend auf Farbe paleturquoise. In HTML ist das kaum machbar. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  tbody { 
    border-width:1pt; 
    border-color:#fffaf0; 
    border-style:groove; 
    background-color:paleturquoise;
  }
//-->
</style>

Mehr zum Thema tbody können Sie in Tabellen in HTML finden. Weiteres zum hier gezeigten Tag <tbody>.