Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe purple 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 purple

Schriftfarbwert #008080

DetailHintergrund purple DetailSchrift #008080 
Farbe :purpleFarbwert :#008080
Farbwert :#800080Farbe :teal
HTML:purpleHTML:#008080
HTML (Wert):#800080HTML (Wert):#008080
CSS:purpleCSS:#008080
CSS (Wert):#800080CSS (Wert):#008080
CSS (kürzest):#800080CSS (kürzest):#008080
CSS (RGB):rgb(128,0,128)CSS (RGB):rgb(0,128,128)
CSS (%RGB):rgb(50%,0%,50%)CSS (%RGB):rgb(0%,50%,50%)

Verlauf Hintergrundfarbe purple nach Schriftfarbwert #008080

#800080#6d1280#5b2480#493680#364980#245b80#126d80#008080
#800080#6d1280#5b2480#493680#364980#245b80#126d80#008080

Kombination von purple und #008080

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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.

#008080 eignet sich nicht als Schriftfarbe auf Hintergrund purple. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Die Ähnlichkeit der Farben #008080 und purple beträgt 90.60%. Die Lesbarkeit dieser Kombination liegt damit bei 9.40%.

Hintergrundfarbe purple

Schriftfarbwert #008080

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#800080#800080#800080#800080#008080#008080#008080#008080
#922492#922492#6d006d#6d006d#249292#249292#006d6d#006d6d
#a448a4#a448a4#5b005b#5b005b#48a4a4#48a4a4#005b5b#005b5b
#b66db6#b66db6#490049#490049#6db6b6#6db6b6#004949#004949
#c891c8#c891c8#360036#360036#91c8c8#91c8c8#003636#003636
#dab6da#dab6da#240024#240024#b6dada#b6dada#002424#002424
#ecdaec#ecdaec#120012#120012#daecec#daecec#001212#001212
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe purple und Farbwert #008080

Text- und Unterstreichungsfarben von Tag var

Hier ändern wir die Textfarbe von <var> auf Farbwert #008080. Die Schriftart ändern wir auf verdana. Die Schriftgröße verringern wir auf 94%. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbe purple. Das ist in HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  var { 
    color:#008080; 
    font-size:94%; 
    border-bottom:5px groove purple; 
    font-family:verdana;
  }
//-->
</style>

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

Weiteres zum Thema var können Sie in Text in HTML lesen. Einzelheiten vom hier gezeigten HTML-Tag var finden Sie in der HTML Referenz unter <var>.

Füllen und Umranden bei HTML-Befehl del

Bei diesem Beispiel umranden wir <del> mit einem 5 Punkte dicken, einfallenden Rahmen in Farbwert #008080 . Die Hintergrundfarbe für <del> färben wir entsprechend mit Farbe purple. Dies ist mit HTML nicht möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  del { border:5pt inset #008080; background-color:purple; }
//-->
</style>

Weiteres zum hier gezeigten HTML-Befehl <del>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen