Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe yellow und Farbwert #800000

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

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.

Hintergrundfarbe yellow

Schriftfarbwert #800000

DetailHintergrund yellow DetailSchrift #800000 
Farbe :yellowFarbwert :#800000
Farbwert :#ffff00Farbe :maroon
HTML:yellowHTML:#800000
HTML (Wert):#ffff00HTML (Wert):#800000
CSS:yellowCSS:#800000
CSS (Wert):#ffff00CSS (Wert):#800000
CSS (kürzest):#ff0CSS (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 Hintergrundfarbe yellow nach Schriftfarbwert #800000

#ffff00#ecda00#dab600#c89100#b66d00#a44800#922400#800000
#ffff00#ecda00#dab600#c89100#b66d00#a44800#922400#800000

Kombination von yellow und #800000

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 #800000 und yellow beträgt 51.44%. Die Lesbarkeit dieser Kombination ergibt sich zu 48.56%.

#800000 eignet sich nicht als Schriftfarbe auf Hintergrund yellow, weil sich die Farben zu ähnlich sind.

Hintergrundfarbe yellow

Schriftfarbwert #800000

Verlauf nach WeißVerlauf nach SchwarzVerlauf 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 Farbe yellow und Farbwert #800000

Wechsel der Umrandung bei Hover mit HTML-Tag pre

Die Rahmenfarbe soll sich von Farbe yellow auf Farbwert #800000 ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst eine Formatierung von <pre> in Farbe yellow vor.

In diesem Beispiel umranden wir <pre> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbe yellow.

<style type="text/css"><!--
  pre { 
    border-width: 4px; 
    border-color: yellow; 
    border-style: outset;
  }
//-->
</style>
Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #800000 ändert.
<style type="text/css"><!--
  pre:hover { 
    border-color:#800000;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML lesen. Der Tag pre ist in der HTML Referenz unter <pre> zusammengestellt.

Füllen und Umranden mit Tag th

Hier umranden wir <th> mit einem 5 Punkte dicken, gezahnten Rahmen in Farbwert #800000 . Die Hintergrundfarbe für <th> setzen wir auf Farbe yellow. Dies geht in HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  th { 
    border-color: #800000; 
    background-color: yellow; 
    border-width: 5pt; 
    border-style: ridge;
  }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Einzelheiten des Tag th finden Sie in der HTML Referenz unter <th>.

Tabelle der 17 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aqua #00ffff         +  aqua #00ffff aqua / yellow
black #000000         +  black #000000 black / yellow
blue #0000ff         +  blue #0000ff blue / yellow
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / yellow
gray #808080         +  gray #808080 gray / yellow
grey #808080         +  grey #808080 grey / yellow
green #008000         +  green #008000 green / yellow
lime #00ff00         +  lime #00ff00 lime / yellow
maroon #800000         +  maroon #800000 maroon / yellow
navy #000080         +  navy #000080 navy / yellow
olive #808000         +  olive #808000 olive / yellow
purple #800080         +  purple #800080 purple / yellow
red #ff0000         +  red #ff0000 red / yellow
silver #c0c0c0         +  silver #c0c0c0 silver / yellow
teal #008080         +  teal #008080 teal / yellow
white #ffffff         +  white #ffffff white / yellow
yellow #ffff00         +  yellow #ffff00 yellow / yellow

Weitere Farbtabellen