Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffff00 und Farbwert #bc8f8f

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.

Hintergrundfarbwert #ffff00			Schriftfarbwert #bc8f8f
Detail	:	Hintergrund #ffff00	Detail	:	Schrift #bc8f8f
Farbwert	:	#ffff00	Farbwert	:	#bc8f8f
Farbe	:	yellow	Farbe	:	rosybrown
HTML	:	#ffff00	HTML	:	#bc8f8f
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#bc8f8f
CSS	:	#ffff00	CSS	:	#bc8f8f
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbwert #ffff00 nach Schriftfarbwert #bc8f8f
#ffff00	#f5ef14	#ebdf28	#e2cf3d	#d8bf51	#cfaf66	#c59f7a	#bc8f8f
#ffff00	#f5ef14	#ebdf28	#e2cf3d	#d8bf51	#cfaf66	#c59f7a	#bc8f8f

Kombination von #ffff00 und #bc8f8f
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.				#bc8f8f ist nicht als Schriftfarbe auf Hintergrund #ffff00 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #bc8f8f und #ffff00 beträgt 87.52%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 12.48%.

Hintergrundfarbwert #ffff00				Schriftfarbwert #bc8f8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#ffff24	#ffff24	#dada00	#dada00	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#ffff48	#ffff48	#b6b600	#b6b600	#cfafaf	#cfafaf	#866666	#866666
#ffff6d	#ffff6d	#919100	#919100	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#ffff91	#ffff91	#6d6d00	#6d6d00	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#ffffb6	#ffffb6	#484800	#484800	#ebdfdf	#ebdfdf	#352828	#352828
#ffffda	#ffffda	#242400	#242400	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffff00 und Farbwert #bc8f8f

Wechsel der Hintergrundfarbe bei Hover mit Tag a

Einen Verweis setzt man mit Befehl <a>. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #ffff00 auf Farbwert #bc8f8f ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #ffff00 vor.

Wir ändern z.B. bei <a> die Hintergrundfarbe auf Farbwert #ffff00. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  a { 
    font-family:sans-serif; 
    background-color:#ff0;
  }
//-->
</style>

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

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

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Tag <a>.

Füllen und Umranden von HTML-Tag img

Hier umranden wir <img> mit einem gestrichelten, 3 Pixel dicken Rahmen in Farbwert #bc8f8f . Den Hintergrund von <img> färben wir entsprechend mit Farbwert #ffff00. In HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { border:3px dashed #bc8f8f; background-color:#ffff00; }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML lesen. Zur Beschreibung des hier gezeigten HTML-Tag <img>.