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

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 lime

Schriftfarbwert #ff0000

DetailHintergrund lime DetailSchrift #ff0000 
Farbe :limeFarbwert :#ff0000
Farbwert :#00ff00Farbe :red
HTML:limeHTML:#ff0000
HTML (Wert):#00ff00HTML (Wert):#ff0000
CSS:limeCSS:#ff0000
CSS (Wert):#00ff00CSS (Wert):#ff0000
CSS (kürzest):#0f0CSS (kürzest):#f00
CSS (RGB):rgb(0,255,0)CSS (RGB):rgb(255,0,0)
CSS (%RGB):rgb(0%,100%,0%)CSS (%RGB):rgb(100%,0%,0%)

Verlauf Hintergrundfarbe lime nach Schriftfarbwert #ff0000

#00ff00#24da00#48b600#6d9100#916d00#b64800#da2400#ff0000
#00ff00#24da00#48b600#6d9100#916d00#b64800#da2400#ff0000

Kombination von lime und #ff0000

Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.

#ff0000 eignet sich nicht als Schriftfarbe auf Hintergrund lime, weil die Helligkeiten zu ähnlich sind.

Die Ähnlichkeit von #ff0000 und lime ergibt sich zu 86.12%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.88%.

Hintergrundfarbe lime

Schriftfarbwert #ff0000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#00ff00#00ff00#00ff00#00ff00#ff0000#ff0000#ff0000#ff0000
#24ff24#24ff24#00da00#00da00#ff2424#ff2424#da0000#da0000
#48ff48#48ff48#00b600#00b600#ff4848#ff4848#b60000#b60000
#6dff6d#6dff6d#009100#009100#ff6d6d#ff6d6d#910000#910000
#91ff91#91ff91#006d00#006d00#ff9191#ff9191#6d0000#6d0000
#b6ffb6#b6ffb6#004800#004800#ffb6b6#ffb6b6#480000#480000
#daffda#daffda#002400#002400#ffdada#ffdada#240000#240000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe lime und Farbwert #ff0000

Füllen und Umranden bei Befehl q

Für dieses Beispiel umranden wir <q> mit einem . Den Hintergrund von <q> setzen wir entsprechend auf Farbe lime. Dies geht mit HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  q { 
    border-style: groove; 
    border-width: 3pt; 
    border-color: #f00; 
    background-color: lime;
  }
//-->
</style>

Zur Beschreibung des hier genutzten HTML-Tag <q>.

Hintergrund/Text-Kombination von HTML-Befehl abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #ff0000 und die Hintergrundfarbe von <abbr> auf Farbe lime. Die Schriftart ändern wir auf arial und als Schriftgröße setzen wir 85%.

<style type="text/css"><!--
  abbr { 
    color:#f00; 
    font-family:arial; 
    background-color:lime; 
    font-size:85%;
  }
//-->
</style>

Mehr zum HTML-Befehl abbr ist in der HTML Referenz unter <abbr> genau gezeigt.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen