Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indianred und Farbwert #ff1493

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 indianred			Schriftfarbwert #ff1493
Detail	:	Hintergrund indianred	Detail	:	Schrift #ff1493
Farbe	:	indianred	Farbwert	:	#ff1493
Farbwert	:	#cd5c5c	Farbe	:	deeppink
HTML	:	indianred	HTML	:	#ff1493
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#ff1493
CSS	:	indianred	CSS	:	#ff1493
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe indianred nach Schriftfarbwert #ff1493
#cd5c5c	#d45163	#db476b	#e23d73	#e9327b	#f02883	#f71e8b	#ff1493
#cd5c5c	#d45163	#db476b	#e23d73	#e9327b	#f02883	#f71e8b	#ff1493

Kombination von indianred und #ff1493
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #ff1493 und indianred beträgt 94.79%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.21%. Auf Hintergrund indianred ist #ff1493 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe indianred				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#ff1493	#ff1493	#ff1493	#ff1493
#d47373	#d47373	#af4e4e	#af4e4e	#ff35a2	#ff35a2	#da117e	#da117e
#db8a8a	#db8a8a	#924141	#924141	#ff57b1	#ff57b1	#b60e69	#b60e69
#e2a1a1	#e2a1a1	#753434	#753434	#ff78c1	#ff78c1	#910b54	#910b54
#e9b9b9	#e9b9b9	#572727	#572727	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#ffbbe0	#ffbbe0	#48052a	#48052a
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indianred und Farbwert #ff1493

Wechsel der Textfarbe bei Hover mit HTML-Tag h1

Eine Überschrift erzeugt man mit HTML-Befehl <h1> und kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe indianred auf Farbwert #ff1493 ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst eine Formatierung von <h1> in Farbe indianred vor.

Wir legen z.B. Farbe indianred als Textfarbe von <h1> fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf arial und verringern die Größe der Schrift auf 91%:

<style type="text/css"><!--
  h1 { 
    font-size:91%; 
    color:indianred; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #ff1493 geändert wird.

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

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum Tag h1 finden Sie in der HTML Referenz unter <h1>.

Hintergrund/Text-Kombination mit HTML-Tag a

Mit Tag <a> erzeugen Sie einen Verweis. Diesen kann man hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <a> auf Farbwert #ff1493 und die Hintergrundfarbe von <a> auf Farbe indianred. Als Schriftart setzen wir monospace. Als Schriftgröße entscheiden wir uns für 96%.

<style type="text/css"><!--
  a { 
    background-color: indianred; 
    color: #ff1493; 
    font-size: 96%; 
    font-family: monospace;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Weiteres zum HTML-Tag a finden Sie in der HTML Referenz unter <a>.