Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkcyan und Farbe lightgreen

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 darkcyan			Schriftfarbe lightgreen
Detail	:	Hintergrund darkcyan	Detail	:	Schrift lightgreen
Farbe	:	darkcyan	Farbe	:	lightgreen
Farbwert	:	#008b8b	Farbwert	:	#90ee90
HTML	:	darkcyan	HTML	:	lightgreen
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#90ee90
CSS	:	darkcyan	CSS	:	lightgreen
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbe lightgreen
#008b8b	#14998b	#29a78c	#3db58d	#52c38d	#66d18e	#7bdf8f	#90ee90
#008b8b	#14998b	#29a78c	#3db58d	#52c38d	#66d18e	#7bdf8f	#90ee90

Kombination von darkcyan und lightgreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von lightgreen und darkcyan ergibt sich zu 86.07%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.93%. lightgreen ist nicht als Schriftfarbe auf Hintergrund darkcyan geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe darkcyan				Schriftfarbe lightgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#90ee90	#90ee90	#90ee90	#90ee90
#249b9b	#249b9b	#007777	#007777	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#48acac	#48acac	#006363	#006363	#aff2af	#aff2af	#66aa66	#66aa66
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#bff5bf	#bff5bf	#528852	#528852
#91cdcd	#91cdcd	#003b3b	#003b3b	#cff7cf	#cff7cf	#3d663d	#3d663d
#b6dddd	#b6dddd	#002727	#002727	#dffadf	#dffadf	#294429	#294429
#daeeee	#daeeee	#001313	#001313	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbe lightgreen

Wechsel der Textfarbe bei Hover von Tag textarea

Die Textfarbe soll sich von Farbe darkcyan auf Farbe lightgreen ändern, wenn man mit der Maus auf <textarea> zeigt. Bereiten wir zunächst eine Darstellung von <textarea> in Farbe darkcyan vor.

Wir legen hier die Textfarbe von <textarea> auf Farbe darkcyan fest und ändern die Größe der Schrift auf 10pt.

<style type="text/css"><!--
  textarea { 
    color:darkcyan; 
    font-size:10pt;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf lightgreen ändert.

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

Mehr zu textarea können Sie in Formulare in HTML erfahren. Einzelheiten vom HTML-Befehl textarea erfahren Sie in der HTML Referenz unter <textarea>.

Text- und Unterstreichungsfarben bei Tag address

Hier ändern wir die Textfarbe von <address> auf Farbe lightgreen. Die Schriftart setzen wir auf arial und setzen die Schriftgröße auf 87%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines einfallenden Rahmens mit 4 Punkte Dicke in Farbe darkcyan. Das ist in HTML so kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    color:lightgreen; 
    font-size:87%; 
    border-bottom:4pt inset darkcyan; 
    font-family:arial;
  }
//-->
</style>

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

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom HTML-Befehl <address>.