Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6b8e23 und Farbwert #ff0000

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 #6b8e23			Schriftfarbwert #ff0000
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift #ff0000
Farbwert	:	#6b8e23	Farbwert	:	#ff0000
Farbe	:	olivedrab	Farbe	:	red
HTML	:	#6b8e23	HTML	:	#ff0000
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#ff0000
CSS	:	#6b8e23	CSS	:	#ff0000
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbwert #ff0000
#6b8e23	#80791e	#956519	#aa5114	#bf3c0f	#d4280a	#e91405	#ff0000
#6b8e23	#80791e	#956519	#aa5114	#bf3c0f	#d4280a	#e91405	#ff0000

Kombination von #6b8e23 und #ff0000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ff0000 eignet sich nicht als Schriftfarbe auf Hintergrund #6b8e23, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ff0000 und #6b8e23 ergibt sich zu 95.00%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.00%.

Hintergrundfarbwert #6b8e23				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#ff0000	#ff0000	#ff0000	#ff0000
#809e42	#809e42	#5b791e	#5b791e	#ff2424	#ff2424	#da0000	#da0000
#95ae61	#95ae61	#4c6519	#4c6519	#ff4848	#ff4848	#b60000	#b60000
#aabe81	#aabe81	#3d5114	#3d5114	#ff6d6d	#ff6d6d	#910000	#910000
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#ff9191	#ff9191	#6d0000	#6d0000
#d4dec0	#d4dec0	#1e280a	#1e280a	#ffb6b6	#ffb6b6	#480000	#480000
#e9eedf	#e9eedf	#0f1405	#0f1405	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6b8e23 und Farbwert #ff0000

Wechsel der Textfarbe bei Hover bei HTML-Befehl em

Die Textfarbe soll sich von Farbwert #6b8e23 auf Farbwert #ff0000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <em> in Farbwert #6b8e23 vor.

Für dieses Beispiel legen wir Farbwert #6b8e23 als Textfarbe von <em> fest. Die Schriftgröße ändern wir auf 10px.

<style type="text/css"><!--
  em { 
    font-size: 10px; 
    color: #6b8e23;
  }
//-->
</style>

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

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

Weiteres zu em finden Sie in Text in HTML. Weiteres zum hier genutzten HTML-Tag em ist in der HTML Referenz unter <em> beschrieben.

Hintergrund/Text-Kombination von HTML-Befehl center

Wir ändern in diesem Beispiel die Textfarbe von <center> auf Farbwert #ff0000 und die Hintergrundfarbe von <center> auf Farbwert #6b8e23. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  center { 
    font-family:arial; 
    color:#f00; 
    background-color:#6b8e23; 
    font-size:13px;
  }
//-->
</style>

Mehr zum Thema center finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten HTML-Befehl center finden Sie in der HTML Referenz unter <center>.