Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe green und Farbwert #008080

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 green

Schriftfarbwert #008080

DetailHintergrund green DetailSchrift #008080 
Farbe :greenFarbwert :#008080
Farbwert :#008000Farbe :teal
HTML:greenHTML:#008080
HTML (Wert):#008000HTML (Wert):#008080
CSS:greenCSS:#008080
CSS (Wert):#008000CSS (Wert):#008080
CSS (kürzest):#008000CSS (kürzest):#008080
CSS (RGB):rgb(0,128,0)CSS (RGB):rgb(0,128,128)
CSS (%RGB):rgb(0%,50%,0%)CSS (%RGB):rgb(0%,50%,50%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #008080

#008000#008012#008024#008036#008049#00805b#00806d#008080
#008000#008012#008024#008036#008049#00805b#00806d#008080

Kombination von green und #008080

Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.

Die Ähnlichkeit der Farben #008080 und green ergibt sich zu 94.87%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.13%.

#008080 eignet sich nicht als Schriftfarbe auf Hintergrund green, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe green

Schriftfarbwert #008080

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#008000#008000#008000#008000#008080#008080#008080#008080
#249224#249224#006d00#006d00#249292#249292#006d6d#006d6d
#48a448#48a448#005b00#005b00#48a4a4#48a4a4#005b5b#005b5b
#6db66d#6db66d#004900#004900#6db6b6#6db6b6#004949#004949
#91c891#91c891#003600#003600#91c8c8#91c8c8#003636#003636
#b6dab6#b6dab6#002400#002400#b6dada#b6dada#002424#002424
#daecda#daecda#001200#001200#daecec#daecec#001212#001212
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe green und Farbwert #008080

Zebra-Effekt bei HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbe green und Farbwert #008080.

<style type="text/css"><!--
  tr.yang { 
    background-color:green;
  }
  tr.ying { 
    background-color:#008080;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr class="yang"><td>Na,a</td><td>Nb,a</td><td>Nc,a</td></tr>
<tr class="ying"><td>Na,b</td><td>Nb,b</td><td>Nc,b</td></tr>
<tr class="yang"><td>Na,c</td><td>Nb,c</td><td>Nc,c</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Möglichkeiten des hier verwendeten HTML-Befehl tr lesen Sie in der HTML Referenz unter <tr>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen