Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ffff00 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 #ffff00			Schriftfarbe maroon
Detail	:	Hintergrund #ffff00	Detail	:	Schrift maroon
Farbwert	:	#ffff00	Farbe	:	maroon
Farbe	:	yellow	Farbwert	:	#800000
HTML	:	#ffff00	HTML	:	maroon
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#800000
CSS	:	#ffff00	CSS	:	maroon
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#800000
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#800000
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(128,0,0)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(50%,0%,0%)

Verlauf Hintergrundfarbwert #ffff00 nach Schriftfarbe maroon
#ffff00	#ecda00	#dab600	#c89100	#b66d00	#a44800	#922400	#800000
#ffff00	#ecda00	#dab600	#c89100	#b66d00	#a44800	#922400	#800000

Kombination von #ffff00 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von maroon und #ffff00 ergibt sich zu 51.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 48.56%. maroon ist nicht als Schriftfarbe auf Hintergrund #ffff00 geeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbwert #ffff00				Schriftfarbe maroon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#800000	#800000	#800000	#800000
#ffff24	#ffff24	#dada00	#dada00	#922424	#922424	#6d0000	#6d0000
#ffff48	#ffff48	#b6b600	#b6b600	#a44848	#a44848	#5b0000	#5b0000
#ffff6d	#ffff6d	#919100	#919100	#b66d6d	#b66d6d	#490000	#490000
#ffff91	#ffff91	#6d6d00	#6d6d00	#c89191	#c89191	#360000	#360000
#ffffb6	#ffffb6	#484800	#484800	#dab6b6	#dab6b6	#240000	#240000
#ffffda	#ffffda	#242400	#242400	#ecdada	#ecdada	#120000	#120000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffff00 und Farbe maroon

Wechsel der Hintergrundfarbe bei Hover von Tag h2

Eine Überschrift erzeugt man mit HTML-Tag <h2>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #ffff00 auf Farbe maroon ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h2> in Farbwert #ffff00 vor.

Wir ändern hier die Hintergrundfarbe von <h2> auf Farbwert #ffff00.

<style type="text/css"><!--
  h2 { 
    background-color: #ff0;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf maroon geändert wird.

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

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier gezeigten HTML-Tag h2 sind in der HTML Referenz bei <h2> ausführlich zusammengestellt.

Text- und Unterstreichungsfarben mit HTML-Tag samp

Hier ändern wir die Textfarbe von <samp> auf Farbe maroon. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <samp> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #ffff00. Das ist in HTML kaum möglich. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  samp { 
    color: maroon; 
    font-family: verdana; 
    border-bottom: 5pt double #ffff00; 
    font-size: 13px;
  }
//-->
</style>

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

Mehr zum Thema samp finden Sie in Text in HTML. Möglichkeiten des HTML-Befehl samp erfahren Sie in der HTML Referenz unter <samp>.