Ressourcen: 137 HTML Farbnamen - Kombination von Farbe firebrick und Farbwert #ffe4b5

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 firebrick			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund firebrick	Detail	:	Schrift #ffe4b5
Farbe	:	firebrick	Farbwert	:	#ffe4b5
Farbwert	:	#b22222	Farbe	:	moccasin
HTML	:	firebrick	HTML	:	#ffe4b5
HTML (Wert)	:	#b22222	HTML (Wert)	:	#ffe4b5
CSS	:	firebrick	CSS	:	#ffe4b5
CSS (Wert)	:	#b22222	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe firebrick nach Schriftfarbwert #ffe4b5
#b22222	#bd3d37	#c8594c	#d37561	#de9076	#e9ac8b	#f4c8a0	#ffe4b5
#b22222	#bd3d37	#c8594c	#d37561	#de9076	#e9ac8b	#f4c8a0	#ffe4b5

Kombination von firebrick und #ffe4b5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffe4b5 eignet sich nicht als Schriftfarbe auf Hintergrund firebrick. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind sich jedoch zu ähnlich. Die Ähnlichkeit von #ffe4b5 und firebrick ergibt sich zu 74.23%. Die Lesbarkeit dieser Kombination bewerte ich mit 25.77%.

Hintergrundfarbe firebrick				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#bd4141	#bd4141	#981d1d	#981d1d	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#c86161	#c86161	#7f1818	#7f1818	#ffebca	#ffebca	#b6a281	#b6a281
#d38080	#d38080	#651313	#651313	#ffefd4	#ffefd4	#918267	#918267
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#fff3df	#fff3df	#6d614d	#6d614d
#e9bfbf	#e9bfbf	#320909	#320909	#fff7e9	#fff7e9	#484133	#484133
#f4dfdf	#f4dfdf	#190404	#190404	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe firebrick und Farbwert #ffe4b5

Wechsel der Umrandung bei Hover von HTML-Tag dt

Die Rahmenfarbe soll sich von Farbe firebrick auf Farbwert #ffe4b5 ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst eine Formatierung von <dt> in Farbe firebrick vor.

In diesem Beispiel umranden wir <dt> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe firebrick.

<style type="text/css"><!--
  dt { 
    border-width:4px; 
    border-color:firebrick; 
    border-style:groove;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #ffe4b5 geändert wird.

<style type="text/css"><!--
  dt: hover { 
    border-color: #ffe4b5;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten vom HTML-Befehl <dt>.

Text- und Unterstreichungsfarben mit HTML-Befehl q

Hier ändern wir die Textfarbe von <q> auf Farbwert #ffe4b5. Die Schriftart setzen wir auf verdana. Die Schriftgröße vergrößern wir auf 125%. Wir unterstreichen den Inhalt von <q> mit Hilfe eines gestrichelten Rahmens mit 5 Punkte Dicke in Farbe firebrick. Dies ist in HTML so kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  q { 
    font-family: verdana; 
    font-size: 125%; 
    border-bottom: 5pt dashed firebrick; 
    color: #ffe4b5;
  }
//-->
</style>

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

Mehr zum HTML-Befehl q ist in der HTML Referenz bei <q> beschrieben.