Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe blue und Farbwert #00ff00

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 blue

Schriftfarbwert #00ff00

DetailHintergrund blue DetailSchrift #00ff00 
Farbe :blueFarbwert :#00ff00
Farbwert :#0000ffFarbe :lime
HTML:blueHTML:#00ff00
HTML (Wert):#0000ffHTML (Wert):#00ff00
CSS:blueCSS:#00ff00
CSS (Wert):#0000ffCSS (Wert):#00ff00
CSS (kürzest):#00fCSS (kürzest):#0f0
CSS (RGB):rgb(0,0,255)CSS (RGB):rgb(0,255,0)
CSS (%RGB):rgb(0%,0%,100%)CSS (%RGB):rgb(0%,100%,0%)

Verlauf Hintergrundfarbe blue nach Schriftfarbwert #00ff00

#0000ff#0024da#0048b6#006d91#00916d#00b648#00da24#00ff00
#0000ff#0024da#0048b6#006d91#00916d#00b648#00da24#00ff00

Kombination von blue und #00ff00

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

#00ff00 ist nicht als Schriftfarbe auf Hintergrund blue geeignet. Zwar ist der Farbunterschied ausreichend, der Helligkeitsunterschied ist jedoch zu gering.

Die Ähnlichkeit der Farben #00ff00 und blue beträgt 70.18%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 29.82%.

Hintergrundfarbe blue

Schriftfarbwert #00ff00

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#0000ff#0000ff#0000ff#0000ff#00ff00#00ff00#00ff00#00ff00
#2424ff#2424ff#0000da#0000da#24ff24#24ff24#00da00#00da00
#4848ff#4848ff#0000b6#0000b6#48ff48#48ff48#00b600#00b600
#6d6dff#6d6dff#000091#000091#6dff6d#6dff6d#009100#009100
#9191ff#9191ff#00006d#00006d#91ff91#91ff91#006d00#006d00
#b6b6ff#b6b6ff#000048#000048#b6ffb6#b6ffb6#004800#004800
#dadaff#dadaff#000024#000024#daffda#daffda#002400#002400
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe blue und Farbwert #00ff00

Füllen und Umranden mit HTML-Tag a

Einen Hyperlink erzeugt man mit Tag <a>. Diesen können Sie hervorheben und farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #00ff00 . Den Hintergrund von <a> setzen wir auf Farbe blue. Das ist mit HTML nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    border-color:#0f0; 
    background-color:blue; 
    border-width:2px; 
    border-style:inset;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Mehr zum Tag <a>.

Hintergrund/Text-Kombination mit Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbwert #00ff00 und die Hintergrundfarbe von <p> auf Farbe blue. Als Schriftart wählen wir courier new. Als Schriftgröße wählen wir 99%.

<style type="text/css"><!--
  p { 
    color:#0f0; 
    background-color:blue; 
    font-family:courier new; 
    font-size:99%;
  }
//-->
</style>

Mehr zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier gezeigten HTML-Tag <p>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen