Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #da70d6 und Farbe lightcyan

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.

Hintergrundfarbwert #da70d6			Schriftfarbe lightcyan
Detail	:	Hintergrund #da70d6	Detail	:	Schrift lightcyan
Farbwert	:	#da70d6	Farbe	:	lightcyan
Farbe	:	orchid	Farbwert	:	#e0ffff
HTML	:	#da70d6	HTML	:	lightcyan
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#e0ffff
CSS	:	#da70d6	CSS	:	lightcyan
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #da70d6 nach Schriftfarbe lightcyan
#da70d6	#da84db	#db98e1	#dcade7	#ddc1ed	#ded6f3	#dfeaf9	#e0ffff
#da70d6	#da84db	#db98e1	#dcade7	#ddc1ed	#ded6f3	#dfeaf9	#e0ffff

Kombination von #da70d6 und lightcyan
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				lightcyan eignet sich nicht als Schriftfarbe auf Hintergrund #da70d6. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben lightcyan und #da70d6 ergibt sich zu 86.95%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.05%.

Hintergrundfarbwert #da70d6				Schriftfarbe lightcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#df84db	#df84db	#ba60b7	#ba60b7	#e4ffff	#e4ffff	#c0dada	#c0dada
#e498e1	#e498e1	#9b5098	#9b5098	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#e9ade7	#e9ade7	#7c407a	#7c407a	#edffff	#edffff	#809191	#809191
#efc1ed	#efc1ed	#5d305b	#5d305b	#f1ffff	#f1ffff	#606d6d	#606d6d
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#f6ffff	#f6ffff	#404848	#404848
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #da70d6 und Farbe lightcyan

Text- und Unterstreichungsfarben mit Tag var

Hier ändern wir die Textfarbe von <var> auf Farbe lightcyan. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbwert #da70d6. Dies geht mit HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  var { 
    color:lightcyan; 
    font-family:monospace; 
    border-bottom:1pt ridge #da70d6; 
    font-size:13px;
  }
//-->
</style>

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

Mehr zum Thema var können Sie in Text in HTML finden. Zur Beschreibung des hier genutzten HTML-Befehl <var>.

Wechsel der Textfarbe bei Hover mit Tag blockquote

Die Textfarbe soll sich von Farbwert #da70d6 auf Farbe lightcyan ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <blockquote> in Farbwert #da70d6 vor.

In diesem Beispiel legen wir Farbwert #da70d6 als Textfarbe von <blockquote> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  blockquote { 
    font-family: monospace; 
    color: #da70d6; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf lightcyan gesetzt wird.

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

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML lesen. Beschreibung des Tag <blockquote>.