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

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

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

Kombination von #ff0000 und #6b8e23
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#6b8e23 eignet sich nicht als Schriftfarbe auf Hintergrund #ff0000. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #6b8e23 und #ff0000 beträgt 95.00%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.00%.

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

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

Wechsel der Umrandung bei Hover mit Befehl tfoot

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

In diesem Beispiel umranden wir <tfoot> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #ff0000.

<style type="text/css"><!--
  tfoot { border:3px dotted #f00; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu #6b8e23 ändert.

<style type="text/css"><!--
  tfoot:hover { 
    border-color:#6b8e23;
  }
//-->
</style>

Weiteres zum Thema tfoot erfahren Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Tag <tfoot>.

Hintergrund/Text-Kombination bei HTML-Tag center

Hier ändern wir die Textfarbe von <center> auf Farbwert #6b8e23 und die Hintergrundfarbe von <center> auf Farbwert #ff0000. Als Schriftart setzen wir courier new und als Schriftgröße entscheiden wir uns für 9px.

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

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier verwendeten HTML-Tag <center>.