Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe purple und Farbwert #c0c0c0

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 #c0c0c0

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

Verlauf Hintergrundfarbe purple nach Schriftfarbwert #c0c0c0

#800080#891b89#923692#9b529b#a46da4#ad89ad#b6a4b6#c0c0c0
#800080#891b89#923692#9b529b#a46da4#ad89ad#b6a4b6#c0c0c0

Kombination von purple und #c0c0c0

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

Die Ähnlichkeit der Farben #c0c0c0 und purple ergibt sich zu 75.35%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 24.65%.

Auf Hintergrund purple ist #c0c0c0 ungeeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbe purple

Schriftfarbwert #c0c0c0

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#800080#800080#800080#800080#c0c0c0#c0c0c0#c0c0c0#c0c0c0
#922492#922492#6d006d#6d006d#c9c9c9#c9c9c9#a4a4a4#a4a4a4
#a448a4#a448a4#5b005b#5b005b#d2d2d2#d2d2d2#898989#898989
#b66db6#b66db6#490049#490049#dbdbdb#dbdbdb#6d6d6d#6d6d6d
#c891c8#c891c8#360036#360036#e4e4e4#e4e4e4#525252#525252
#dab6da#dab6da#240024#240024#ededed#ededed#363636#363636
#ecdaec#ecdaec#120012#120012#f6f6f6#f6f6f6#1b1b1b#1b1b1b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe purple und Farbwert #c0c0c0

Wechsel der Umrandung bei Hover von Befehl li

Die Rahmenfarbe soll sich von Farbe purple auf Farbwert #c0c0c0 ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst die Formatierung von <li> in Farbe purple vor.

In diesem Beispiel umranden wir <li> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbe purple.

<style type="text/css"><!--
  li { border:4px inset purple; }
//-->
</style>
Jetzt fordern wir, dass bei Mausberührung die Rahmenfarbe auf #c0c0c0 geändert wird.
<style type="text/css"><!--
  li:hover { 
    border-color:#c0c0c0;
  }
//-->
</style>

Weiteres zu li finden Sie in Listen und Glossare in HTML. Möglichkeiten des HTML-Befehl <li>.

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