Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #0000ff 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.

Hintergrundfarbwert #0000ff

Schriftfarbwert #008080

DetailHintergrund #0000ff DetailSchrift #008080 
Farbwert :#0000ffFarbwert :#008080
Farbe :blueFarbe :teal
HTML:#0000ffHTML:#008080
HTML (Wert):#0000ffHTML (Wert):#008080
CSS:#0000ffCSS:#008080
CSS (Wert):#0000ffCSS (Wert):#008080
CSS (kürzest):#00fCSS (kürzest):#008080
CSS (RGB):rgb(0,0,255)CSS (RGB):rgb(0,128,128)
CSS (%RGB):rgb(0%,0%,100%)CSS (%RGB):rgb(0%,50%,50%)

Verlauf Hintergrundfarbwert #0000ff nach Schriftfarbwert #008080

#0000ff#0012ec#0024da#0036c8#0049b6#005ba4#006d92#008080
#0000ff#0012ec#0024da#0036c8#0049b6#005ba4#006d92#008080

Kombination von #0000ff und #008080

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

Die Ähnlichkeit von #008080 und #0000ff beträgt 91.43%. Die Lesbarkeit dieser Kombination liegt damit bei 8.57%.

#008080 ist nicht als Schriftfarbe auf Hintergrund #0000ff geeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #0000ff

Schriftfarbwert #008080

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#0000ff#0000ff#0000ff#0000ff#008080#008080#008080#008080
#2424ff#2424ff#0000da#0000da#249292#249292#006d6d#006d6d
#4848ff#4848ff#0000b6#0000b6#48a4a4#48a4a4#005b5b#005b5b
#6d6dff#6d6dff#000091#000091#6db6b6#6db6b6#004949#004949
#9191ff#9191ff#00006d#00006d#91c8c8#91c8c8#003636#003636
#b6b6ff#b6b6ff#000048#000048#b6dada#b6dada#002424#002424
#dadaff#dadaff#000024#000024#daecec#daecec#001212#001212
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #0000ff und Farbwert #008080

Text- und Unterstreichungsfarben von HTML-Befehl caption

Wir ändern für dieses Beispiel die Textfarbe von <caption> auf Farbwert #008080. Die Schriftart ändern wir auf monospace und erhöhen die Schriftgröße auf 121%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gezahnten Rahmens mit 2 Punkte Dicke in Farbwert #0000ff. Das geht mit HTML kaum. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  caption { 
    color:#008080; 
    border-bottom-color:#0000ff; 
    font-family:monospace; 
    border-bottom-width:2pt; 
    font-size:121%; 
    border-bottom-style:ridge;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu caption finden Sie in Tabellen in HTML. Einzelheiten des hier verwendeten Befehl <caption>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen