Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkcyan und Farbwert #ff00ff

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 darkcyan			Schriftfarbwert #ff00ff
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #ff00ff
Farbe	:	darkcyan	Farbwert	:	#ff00ff
Farbwert	:	#008b8b	Farbe	:	fuchsia
HTML	:	darkcyan	HTML	:	#ff00ff
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#ff00ff
CSS	:	darkcyan	CSS	:	#ff00ff
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#ff00ff
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#f0f
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(255,0,255)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(100%,0%,100%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #ff00ff
#008b8b	#24779b	#4863ac	#6d4fbc	#913bcd	#b627dd	#da13ee	#ff00ff
#008b8b	#24779b	#4863ac	#6d4fbc	#913bcd	#b627dd	#da13ee	#ff00ff

Kombination von darkcyan und #ff00ff
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff00ff und darkcyan ergibt sich zu 93.71%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.29%. #ff00ff ist nicht als Schriftfarbe auf Hintergrund darkcyan geeignet. Zwar ist der Farbunterschied gut, der Helligkeitsunterschied ist jedoch zu gering.

Hintergrundfarbe darkcyan				Schriftfarbwert #ff00ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#ff00ff	#ff00ff	#ff00ff	#ff00ff
#249b9b	#249b9b	#007777	#007777	#ff24ff	#ff24ff	#da00da	#da00da
#48acac	#48acac	#006363	#006363	#ff48ff	#ff48ff	#b600b6	#b600b6
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#ff6dff	#ff6dff	#910091	#910091
#91cdcd	#91cdcd	#003b3b	#003b3b	#ff91ff	#ff91ff	#6d006d	#6d006d
#b6dddd	#b6dddd	#002727	#002727	#ffb6ff	#ffb6ff	#480048	#480048
#daeeee	#daeeee	#001313	#001313	#ffdaff	#ffdaff	#240024	#240024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbwert #ff00ff

Hintergrund/Text-Kombination von Tag td

Hier ändern wir die Textfarbe von <td> auf Farbwert #ff00ff und die Hintergrundfarbe von <td> auf Farbe darkcyan. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 12pt.

<style type="text/css"><!--
  td { 
    color: #f0f; 
    font-size: 12pt; 
    background-color: darkcyan; 
    font-family: courier new;
  }
//-->
</style>

Weiteres zu td können Sie in Tabellen in HTML nachsehen. Einzelheiten vom Befehl <td>.

Wechsel der Hintergrundfarbe bei Hover von Tag option

Die Hintergrundfarbe soll sich von Farbe darkcyan auf Farbwert #ff00ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <option> in Farbe darkcyan vor.

Für dieses Beispiel legen wir Farbe darkcyan als Hintergrundfarbe von <option> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  option { 
    font-family: monospace; 
    background-color: darkcyan;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ff00ff ändert.

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

Mehr zum Thema erfahren Sie in Formulare in HTML. Zur Beschreibung des HTML-Befehl <option>.