Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #00ffff und Farbe white

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.

Hintergrundfarbwert #00ffff

Schriftfarbe white

DetailHintergrund #00ffff DetailSchrift white 
Farbwert :#00ffffFarbe :white
Farbe :aquaFarbwert :#ffffff
HTML:#00ffffHTML:white
HTML (Wert):#00ffffHTML (Wert):#ffffff
CSS:#00ffffCSS:white
CSS (Wert):#00ffffCSS (Wert):#ffffff
CSS (kürzest):#0ffCSS (kürzest):#fff
CSS (RGB):rgb(0,255,255)CSS (RGB):rgb(255,255,255)
CSS (%RGB):rgb(0%,100%,100%)CSS (%RGB):rgb(100%,100%,100%)

Verlauf Hintergrundfarbwert #00ffff nach Schriftfarbe white

#00ffff#24ffff#48ffff#6dffff#91ffff#b6ffff#daffff#ffffff
#00ffff#24ffff#48ffff#6dffff#91ffff#b6ffff#daffff#ffffff

Kombination von #00ffff und white

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.

white ist nicht als Schriftfarbe auf Hintergrund #00ffff geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Die Ähnlichkeit der Farben white und #00ffff ergibt sich zu 94.03%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.97%.

Hintergrundfarbwert #00ffff

Schriftfarbe white

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#00ffff#00ffff#00ffff#00ffff#ffffff#ffffff#ffffff#ffffff
#24ffff#24ffff#00dada#00dada#ffffff#ffffff#dadada#dadada
#48ffff#48ffff#00b6b6#00b6b6#ffffff#ffffff#b6b6b6#b6b6b6
#6dffff#6dffff#009191#009191#ffffff#ffffff#919191#919191
#91ffff#91ffff#006d6d#006d6d#ffffff#ffffff#6d6d6d#6d6d6d
#b6ffff#b6ffff#004848#004848#ffffff#ffffff#484848#484848
#daffff#daffff#002424#002424#ffffff#ffffff#242424#242424
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #00ffff und Farbe white

Füllen und Umranden mit HTML-Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Verweis. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <a> mit einem . Die Hintergrundfarbe für <a> färben wir mit Farbwert #00ffff. Mit HTML geht das kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  a { 
    border-style:outset; 
    border-width:2pt; 
    background-color:#00ffff; 
    border-color:white;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier genutzten HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit Befehl p

Für dieses Beispiel ändern wir die Textfarbe von <p> auf Farbe white und die Hintergrundfarbe von <p> auf Farbwert #00ffff. Als Schriftart wählen wir monospace und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  p { 
    background-color:#0ff; 
    font-family:monospace; 
    color:white; 
    font-size:13px;
  }
//-->
</style>

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum HTML-Tag <p>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen