Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumblue und Farbwert #ffa07a

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 mediumblue			Schriftfarbwert #ffa07a
Detail	:	Hintergrund mediumblue	Detail	:	Schrift #ffa07a
Farbe	:	mediumblue	Farbwert	:	#ffa07a
Farbwert	:	#0000cd	Farbe	:	lightsalmon
HTML	:	mediumblue	HTML	:	#ffa07a
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#ffa07a
CSS	:	mediumblue	CSS	:	#ffa07a
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbe mediumblue nach Schriftfarbwert #ffa07a
#0000cd	#2416c1	#482db5	#6d44a9	#915b9d	#b67291	#da8985	#ffa07a
#0000cd	#2416c1	#482db5	#6d44a9	#915b9d	#b67291	#da8985	#ffa07a

Kombination von mediumblue und #ffa07a
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffa07a und mediumblue ergibt sich zu 73.27%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 26.73%. Auf Hintergrund mediumblue ist #ffa07a ungeeignet. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind sich zu ähnlich.

Hintergrundfarbe mediumblue				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#2424d4	#2424d4	#0000af	#0000af	#ffad8d	#ffad8d	#da8968	#da8968
#4848db	#4848db	#000092	#000092	#ffbba0	#ffbba0	#b67257	#b67257
#6d6de2	#6d6de2	#000075	#000075	#ffc8b3	#ffc8b3	#915b45	#915b45
#9191e9	#9191e9	#000057	#000057	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#b6b6f0	#b6b6f0	#00003a	#00003a	#ffe3d9	#ffe3d9	#482d22	#482d22
#dadaf7	#dadaf7	#00001d	#00001d	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumblue und Farbwert #ffa07a

Hintergrund/Text-Kombination von Befehl select

Hier ändern wir die Textfarbe von <select> auf Farbwert #ffa07a und die Hintergrundfarbe von <select> auf Farbe mediumblue. Als Schriftart setzen wir arial. Die Schriftgröße erhöhen wir auf 111%.

<style type="text/css"><!--
  select { 
    color:#ffa07a; 
    font-family:arial; 
    background-color:mediumblue; 
    font-size:111%;
  }
//-->
</style>

Weiteres zu select können Sie in Formulare in HTML nachlesen. Zur Beschreibung vom HTML-Tag <select>.

Wechsel der Textfarbe bei Hover mit HTML-Tag blockquote

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

Wir setzen zum Beispiel die Textfarbe von <blockquote> auf Farbe mediumblue:

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #ffa07a ändert.

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

Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Der hier gezeigte HTML-Tag blockquote ist in der HTML Referenz bei <blockquote> beschrieben.