Ressourcen: 120 HTML Farbnamen - Kombination von Farbe firebrick und Farbwert #ffb6c1

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 firebrick			Schriftfarbwert #ffb6c1
Detail	:	Hintergrund firebrick	Detail	:	Schrift #ffb6c1
Farbe	:	firebrick	Farbwert	:	#ffb6c1
Farbwert	:	#b22222	Farbe	:	lightpink
HTML	:	firebrick	HTML	:	#ffb6c1
HTML (Wert)	:	#b22222	HTML (Wert)	:	#ffb6c1
CSS	:	firebrick	CSS	:	#ffb6c1
CSS (Wert)	:	#b22222	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbe firebrick nach Schriftfarbwert #ffb6c1
#b22222	#bd3738	#c84c4f	#d36166	#de767c	#e98b93	#f4a0aa	#ffb6c1
#b22222	#bd3738	#c84c4f	#d36166	#de767c	#e98b93	#f4a0aa	#ffb6c1

Kombination von firebrick und #ffb6c1
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 der Farben #ffb6c1 und firebrick beträgt 80.75%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 19.25%. Auf Hintergrund firebrick ist #ffb6c1 ungeeignet, weil der Farbunterschied nicht ausreichend ist

Hintergrundfarbe firebrick				Schriftfarbwert #ffb6c1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#bd4141	#bd4141	#981d1d	#981d1d	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#c86161	#c86161	#7f1818	#7f1818	#ffcad2	#ffcad2	#b68289	#b68289
#d38080	#d38080	#651313	#651313	#ffd5db	#ffd5db	#91686e	#91686e
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#e9bfbf	#e9bfbf	#320909	#320909	#ffeaed	#ffeaed	#483437	#483437
#f4dfdf	#f4dfdf	#190404	#190404	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe firebrick und Farbwert #ffb6c1

Hintergrund/Text-Kombination mit Befehl a

Einen Verweis erzeugen Sie mit HTML-Tag <a>. Diesen kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ffb6c1 und die Hintergrundfarbe von <a> auf Farbe firebrick. Die Schriftart ändern wir auf monospace. Als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  a { 
    color:#ffb6c1; 
    font-size:13px; 
    background-color:firebrick; 
    font-family:monospace;
  }
//-->
</style>

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des Befehl a sind in der HTML Referenz unter <a> zusammengestellt.

Wechsel der Textfarbe bei Hover mit Befehl div

Einen Universalkontainer erzeugen Sie mit HTML-Befehl <div>. Dieser kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe firebrick auf Farbwert #ffb6c1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <div> in Farbe firebrick vor.

Hier legen wir Farbe firebrick als Textfarbe von <div> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace und verringern die Schriftgröße auf 94%:

<style type="text/css"><!--
  div { 
    font-size: 94%; 
    color: firebrick; 
    font-family: monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #ffb6c1 ändert.

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

Einzelheiten des HTML-Befehl <div>.