Ressourcen: 137 HTML Farbnamen - Kombination von Farbe cadetblue und Farbwert #fffafa

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe cadetblue			Schriftfarbwert #fffafa
Detail	:	Hintergrund cadetblue	Detail	:	Schrift #fffafa
Farbe	:	cadetblue	Farbwert	:	#fffafa
Farbwert	:	#5f9ea0	Farbe	:	snow
HTML	:	cadetblue	HTML	:	#fffafa
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#fffafa
CSS	:	cadetblue	CSS	:	#fffafa
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbe cadetblue nach Schriftfarbwert #fffafa
#5f9ea0	#75abac	#8cb8b9	#a3c5c6	#bad2d3	#d1dfe0	#e8eced	#fffafa
#5f9ea0	#75abac	#8cb8b9	#a3c5c6	#bad2d3	#d1dfe0	#e8eced	#fffafa

Kombination von cadetblue und #fffafa
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fffafa eignet sich nicht als Schriftfarbe auf Hintergrund cadetblue, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #fffafa und cadetblue ergibt sich zu 85.96%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.04%.

Hintergrundfarbe cadetblue				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#fffafa	#fffafa	#fffafa	#fffafa
#75abad	#75abad	#518789	#518789	#fffafa	#fffafa	#dad6d6	#dad6d6
#8cb9bb	#8cb9bb	#437072	#437072	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#fffcfc	#fffcfc	#918e8e	#918e8e
#bad5d6	#bad5d6	#284344	#284344	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#fffdfd	#fffdfd	#484747	#484747
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe cadetblue und Farbwert #fffafa

Füllen und Umranden mit Tag q

In diesem Beispiel umranden wir <q> mit einem gepunkteten, 4 Punkte dicken Rahmen in Farbwert #fffafa . Die Hintergrundfarbe für <q> färben wir mit Farbe cadetblue. Das ist mit HTML nicht möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  q { 
    border-color:#fffafa; 
    background-color:cadetblue; 
    border-width:4pt; 
    border-style:dotted;
  }
//-->
</style>

Einzelheiten des Befehl <q>.

Wechsel der Textfarbe bei Hover von HTML-Befehl blockquote

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

Als Beispiel legen wir bei <blockquote> die Textfarbe auf Farbe cadetblue fest. Die Schriftgröße verkleinern wir auf 88%:

<style type="text/css"><!--
  blockquote { 
    color: cadetblue; 
    font-size: 88%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #fffafa ändert.

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

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum Befehl blockquote ist in der HTML Referenz bei <blockquote> genau gezeigt.