Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ff0000 und Farbe maroon

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #ff0000			Schriftfarbe maroon
Detail	:	Hintergrund #ff0000	Detail	:	Schrift maroon
Farbwert	:	#ff0000	Farbe	:	maroon
Farbe	:	red	Farbwert	:	#800000
HTML	:	#ff0000	HTML	:	maroon
HTML (Wert)	:	#ff0000	HTML (Wert)	:	#800000
CSS	:	#ff0000	CSS	:	maroon
CSS (Wert)	:	#ff0000	CSS (Wert)	:	#800000
CSS (kürzest)	:	#f00	CSS (kürzest)	:	#800000
CSS (RGB)	:	rgb(255,0,0)	CSS (RGB)	:	rgb(128,0,0)
CSS (%RGB)	:	rgb(100%,0%,0%)	CSS (%RGB)	:	rgb(50%,0%,0%)

Verlauf Hintergrundfarbwert #ff0000 nach Schriftfarbe maroon
#ff0000	#ec0000	#da0000	#c80000	#b60000	#a40000	#920000	#800000
#ff0000	#ec0000	#da0000	#c80000	#b60000	#a40000	#920000	#800000

Kombination von #ff0000 und maroon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben maroon und #ff0000 beträgt 86.96%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.04%. maroon eignet sich nicht als Schriftfarbe auf Hintergrund #ff0000. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #ff0000				Schriftfarbe maroon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#800000	#800000	#800000	#800000
#ff2424	#ff2424	#da0000	#da0000	#922424	#922424	#6d0000	#6d0000
#ff4848	#ff4848	#b60000	#b60000	#a44848	#a44848	#5b0000	#5b0000
#ff6d6d	#ff6d6d	#910000	#910000	#b66d6d	#b66d6d	#490000	#490000
#ff9191	#ff9191	#6d0000	#6d0000	#c89191	#c89191	#360000	#360000
#ffb6b6	#ffb6b6	#480000	#480000	#dab6b6	#dab6b6	#240000	#240000
#ffdada	#ffdada	#240000	#240000	#ecdada	#ecdada	#120000	#120000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff0000 und Farbe maroon

Wechsel der Hintergrundfarbe bei Hover mit Tag col

Die Hintergrundfarbe soll sich von Farbwert #ff0000 auf Farbe maroon ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <col> in Farbwert #ff0000 vor.

Für dieses Beispiel legen wir Farbwert #ff0000 als Hintergrundfarbe von <col> fest. Die Schriftgröße verkleinern wir auf 97%.

<style type="text/css"><!--
  col { 
    background-color: #f00; 
    font-size: 97%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf maroon geändert wird.

<style type="text/css"><!--
  col: hover { 
    background-color: maroon;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Weiteres zum hier gezeigten HTML-Befehl <col>.

Füllen und Umranden bei Tag abbr

Hier umranden wir <abbr> mit einem 5 Punkte dicken, gepunkteten Rahmen in Farbe maroon . Die Hintergrundfarbe für <abbr> setzen wir entsprechend auf Farbwert #ff0000. Das geht mit HTML kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  abbr { 
    border-color: maroon; 
    border-style: dotted; 
    background-color: #ff0000; 
    border-width: 5pt;
  }
//-->
</style>

Weiteres zum hier verwendeten Befehl <abbr>.