Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #9370db

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #9370db

DetailHintergrundfarbwert #9370db Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#9370db#9370db#9370db#9370db#9370db
Farbe :mediumpurple#a284e0#a284e0#7e60bb#7e60bb
HTML:#9370db#b198e5#b198e5#69509c#69509c
CSS:#9370db#c1adea#c1adea#54407d#54407d
CSS (Wert):#9370db#d0c1ef#d0c1ef#3f305d#3f305d
CSS (kürzest):#9370db#e0d6f4#e0d6f4#2a203e#2a203e
CSS (RGB):rgb(147,112,219)#efeaf9#efeaf9#15101f#15101f
CSS (%RGB):rgb(57%,43%,85%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #9370db

Umrandung bei HTML-Tag div

Ein Kontainer wird mit Befehl <div> erzeugt. Dieser kann farblich gestaltet werden.

In diesem Beispiel umranden wir <div> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #9370db. Mit HTML geht dies nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  div { border:2px dotted #9370db; }
//-->
</style>

Weiteres zum HTML-Befehl div finden Sie in der HTML Referenz unter <div>.

Änderung der Hintergrundfarbe bei Tag label

Wir legen zum Beispiel Farbwert #9370db als Hintergrundfarbe von <label> fest:

<style type="text/css"><!--
  label { 
    background-color: #9370db;
  }
//-->
</style>

Weiteres zu label erfahren Sie in Formulare in HTML. Möglichkeiten des hier genutzten HTML-Befehl label erfahren Sie in der HTML Referenz unter <label>.

Tabelle der 137 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / #9370db
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / #9370db
aqua #00ffff         +  aqua #00ffff aqua / #9370db
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / #9370db
azure #f0ffff         +  azure #f0ffff azure / #9370db
beige #f5f5dc         +  beige #f5f5dc beige / #9370db
black #000000         +  black #000000 black / #9370db
blue #0000ff         +  blue #0000ff blue / #9370db
blueviolet #8a2be2         +  blueviolet #8a2be2 blueviolet / #9370db
brown #a52a2a         +  brown #a52a2a brown / #9370db
burlywood #deb887         +  burlywood #deb887 burlywood / #9370db
cadetblue #5f9ea0         +  cadetblue #5f9ea0 cadetblue / #9370db
chartreuse #7fff00         +  chartreuse #7fff00 chartreuse / #9370db
chocolate #d2691e         +  chocolate #d2691e chocolate / #9370db
coral #ff7f50         +  coral #ff7f50 coral / #9370db
cornflowerblue #6495ed         +  cornflowerblue #6495ed cornflowerblue / #9370db
cornsilk #fff8dc         +  cornsilk #fff8dc cornsilk / #9370db
crimson #dc143c         +  crimson #dc143c crimson / #9370db
darkblue #00008b         +  darkblue #00008b darkblue / #9370db
darkcyan #008b8b         +  darkcyan #008b8b darkcyan / #9370db
darkgoldenrod #b8860b         +  darkgoldenrod #b8860b darkgoldenrod / #9370db
darkgray #a9a9a9         +  darkgray #a9a9a9 darkgray / #9370db
darkgreen #006400         +  darkgreen #006400 darkgreen / #9370db
darkkhaki #bdb76b         +  darkkhaki #bdb76b darkkhaki / #9370db
darkmagenta #8b008b         +  darkmagenta #8b008b darkmagenta / #9370db
darkolivegreen #556b2f         +  darkolivegreen #556b2f darkolivegreen / #9370db
darkorange #ff8c00         +  darkorange #ff8c00 darkorange / #9370db
darkorchid #9932cc         +  darkorchid #9932cc darkorchid / #9370db
darkred #8b0000         +  darkred #8b0000 darkred / #9370db
darksalmon #e9967a         +  darksalmon #e9967a darksalmon / #9370db
darkseagreen #8fbc8f         +  darkseagreen #8fbc8f darkseagreen / #9370db
darkslateblue #483d8b         +  darkslateblue #483d8b darkslateblue / #9370db
darkslategray #2f4f4f         +  darkslategray #2f4f4f darkslategray / #9370db
darkturquoise #00ced1         +  darkturquoise #00ced1 darkturquoise / #9370db
darkviolet #9400d3         +  darkviolet #9400d3 darkviolet / #9370db
deeppink #ff1493         +  deeppink #ff1493 deeppink / #9370db
deepskyblue #00bfff         +  deepskyblue #00bfff deepskyblue / #9370db
dimgray #696969         +  dimgray #696969 dimgray / #9370db
dodgerblue #1e90ff         +  dodgerblue #1e90ff dodgerblue / #9370db
firebrick #b22222         +  firebrick #b22222 firebrick / #9370db
floralwhite #fffaf0         +  floralwhite #fffaf0 floralwhite / #9370db
forestgreen #228b22         +  forestgreen #228b22 forestgreen / #9370db
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / #9370db
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / #9370db
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / #9370db
gold #ffd700         +  gold #ffd700 gold / #9370db
goldenrod #daa520         +  goldenrod #daa520 goldenrod / #9370db
gray #808080         +  gray #808080 gray / #9370db
green #008000         +  green #008000 green / #9370db
greenyellow #adff2f         +  greenyellow #adff2f greenyellow / #9370db
honeydew #f0fff0         +  honeydew #f0fff0 honeydew / #9370db
hotpink #ff69b4         +  hotpink #ff69b4 hotpink / #9370db
indianred #cd5c5c         +  indianred #cd5c5c indianred / #9370db
indigo #4b0082         +  indigo #4b0082 indigo / #9370db
ivory #fffff0         +  ivory #fffff0 ivory / #9370db
khaki #f0e68c         +  khaki #f0e68c khaki / #9370db
lavender #e6e6fa         +  lavender #e6e6fa lavender / #9370db
lavenderblush #fff0f5         +  lavenderblush #fff0f5 lavenderblush / #9370db
lawngreen #7cfc00         +  lawngreen #7cfc00 lawngreen / #9370db
lemonchiffon #fffacd         +  lemonchiffon #fffacd lemonchiffon / #9370db
lightblue #add8e6         +  lightblue #add8e6 lightblue / #9370db
lightcoral #f08080         +  lightcoral #f08080 lightcoral / #9370db
lightcyan #e0ffff         +  lightcyan #e0ffff lightcyan / #9370db
lightgoldenrodyellow #fafad2         +  lightgoldenrodyellow #fafad2 lightgoldenrodyellow / #9370db
lightgreen #90ee90         +  lightgreen #90ee90 lightgreen / #9370db
lightgrey #d3d3d3         +  lightgrey #d3d3d3 lightgrey / #9370db
lightpink #ffb6c1         +  lightpink #ffb6c1 lightpink / #9370db
lightsalmon #ffa07a         +  lightsalmon #ffa07a lightsalmon / #9370db
lightseagreen #20b2aa         +  lightseagreen #20b2aa lightseagreen / #9370db
lightskyblue #87cefa         +  lightskyblue #87cefa lightskyblue / #9370db
lightslategray #778899         +  lightslategray #778899 lightslategray / #9370db
lightsteelblue #b0c4de         +  lightsteelblue #b0c4de lightsteelblue / #9370db
lightyellow #ffffe0         +  lightyellow #ffffe0 lightyellow / #9370db
lime #00ff00         +  lime #00ff00 lime / #9370db
limegreen #32cd32         +  limegreen #32cd32 limegreen / #9370db
linen #faf0e6         +  linen #faf0e6 linen / #9370db
maroon #800000         +  maroon #800000 maroon / #9370db
mediumaquamarine #66cdaa         +  mediumaquamarine #66cdaa mediumaquamarine / #9370db
mediumblue #0000cd         +  mediumblue #0000cd mediumblue / #9370db
mediumorchid #ba55d3         +  mediumorchid #ba55d3 mediumorchid / #9370db
mediumpurple #9370db         +  mediumpurple #9370db mediumpurple / #9370db
mediumseagreen #3cb371         +  mediumseagreen #3cb371 mediumseagreen / #9370db
mediumslateblue #7b68ee         +  mediumslateblue #7b68ee mediumslateblue / #9370db
mediumspringgreen #00fa9a         +  mediumspringgreen #00fa9a mediumspringgreen / #9370db
mediumturquoise #48d1cc         +  mediumturquoise #48d1cc mediumturquoise / #9370db
mediumvioletred #c71585         +  mediumvioletred #c71585 mediumvioletred / #9370db
midnightblue #191970         +  midnightblue #191970 midnightblue / #9370db
mintcream #f5fffa         +  mintcream #f5fffa mintcream / #9370db
mistyrose #ffe4e1         +  mistyrose #ffe4e1 mistyrose / #9370db
moccasin #ffe4b5         +  moccasin #ffe4b5 moccasin / #9370db
navajowhite #ffdead         +  navajowhite #ffdead navajowhite / #9370db
navy #000080         +  navy #000080 navy / #9370db
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / #9370db
olive #808000         +  olive #808000 olive / #9370db
olivedrab #6b8e23         +  olivedrab #6b8e23 olivedrab / #9370db
orange #ffa500         +  orange #ffa500 orange / #9370db
orangered #ff4500         +  orangered #ff4500 orangered / #9370db
orchid #da70d6         +  orchid #da70d6 orchid / #9370db
palegoldenrod #eee8aa         +  palegoldenrod #eee8aa palegoldenrod / #9370db
palegreen #98fb98         +  palegreen #98fb98 palegreen / #9370db
paleturquoise #afeeee         +  paleturquoise #afeeee paleturquoise / #9370db
palevioletred #db7093         +  palevioletred #db7093 palevioletred / #9370db
papayawhip #ffefd5         +  papayawhip #ffefd5 papayawhip / #9370db
peachpuff #ffdab9         +  peachpuff #ffdab9 peachpuff / #9370db
peru #cd853f         +  peru #cd853f peru / #9370db
pink #ffc0cb         +  pink #ffc0cb pink / #9370db
plum #dda0dd         +  plum #dda0dd plum / #9370db
powderblue #b0e0e6         +  powderblue #b0e0e6 powderblue / #9370db
purple #800080         +  purple #800080 purple / #9370db
red #ff0000         +  red #ff0000 red / #9370db
rosybrown #bc8f8f         +  rosybrown #bc8f8f rosybrown / #9370db
royalblue #4169e1         +  royalblue #4169e1 royalblue / #9370db
saddlebrown #8b4513         +  saddlebrown #8b4513 saddlebrown / #9370db
salmon #fa8072         +  salmon #fa8072 salmon / #9370db
sandybrown #f4a460         +  sandybrown #f4a460 sandybrown / #9370db
seagreen #2e8b57         +  seagreen #2e8b57 seagreen / #9370db
seashell #fff5ee         +  seashell #fff5ee seashell / #9370db
sienna #a0522d         +  sienna #a0522d sienna / #9370db
silver #c0c0c0         +  silver #c0c0c0 silver / #9370db
skyblue #87ceeb         +  skyblue #87ceeb skyblue / #9370db
slateblue #6a5acd         +  slateblue #6a5acd slateblue / #9370db
slategray #708090         +  slategray #708090 slategray / #9370db
snow #fffafa         +  snow #fffafa snow / #9370db
springgreen #00ff7f         +  springgreen #00ff7f springgreen / #9370db
steelblue #4682b4         +  steelblue #4682b4 steelblue / #9370db
tan #d2b48c         +  tan #d2b48c tan / #9370db
teal #008080         +  teal #008080 teal / #9370db
thistle #d8bfd8         +  thistle #d8bfd8 thistle / #9370db
tomato #ff6347         +  tomato #ff6347 tomato / #9370db
turquoise #40e0d0         +  turquoise #40e0d0 turquoise / #9370db
violet #ee82ee         +  violet #ee82ee violet / #9370db
wheat #f5deb3         +  wheat #f5deb3 wheat / #9370db
white #ffffff         +  white #ffffff white / #9370db
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / #9370db
yellow #ffff00         +  yellow #ffff00 yellow / #9370db
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / #9370db

Weitere Farbtabellen