Ressourcen: 137 HTML Farbnamen - Kombination von Farbe sandybrown und Farbe palevioletred

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.

Hintergrundfarbe sandybrown

Schriftfarbe palevioletred

DetailHintergrund sandybrown DetailSchrift palevioletred 
Farbe :sandybrownFarbe :palevioletred
Farbwert :#f4a460Farbwert :#db7093
HTML:sandybrownHTML:palevioletred
HTML (Wert):#f4a460HTML (Wert):#db7093
CSS:sandybrownCSS:palevioletred
CSS (Wert):#f4a460CSS (Wert):#db7093
CSS (kürzest):#f4a460CSS (kürzest):#db7093
CSS (RGB):rgb(244,164,96)CSS (RGB):rgb(219,112,147)
CSS (%RGB):rgb(95%,64%,37%)CSS (%RGB):rgb(85%,43%,57%)

Verlauf Hintergrundfarbe sandybrown nach Schriftfarbe palevioletred

#f4a460#f09c67#ec956e#e98d75#e5867d#e27e84#de778b#db7093
#f4a460#f09c67#ec956e#e98d75#e5867d#e27e84#de778b#db7093

Kombination von sandybrown und palevioletred

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

palevioletred eignet sich nicht als Schriftfarbe auf Hintergrund sandybrown, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Die Ähnlichkeit von palevioletred und sandybrown ergibt sich zu 92.72%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.28%.

Hintergrundfarbe sandybrown

Schriftfarbe palevioletred

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#f4a460#f4a460#f4a460#f4a460#db7093#db7093#db7093#db7093
#f5b176#f5b176#d18c52#d18c52#e084a2#e084a2#bb607e#bb607e
#f7be8d#f7be8d#ae7544#ae7544#e598b1#e598b1#9c5069#9c5069
#f8cba4#f8cba4#8b5d36#8b5d36#eaadc1#eaadc1#7d4054#7d4054
#fad8ba#fad8ba#684629#684629#efc1d0#efc1d0#5d303f#5d303f
#fbe5d1#fbe5d1#452e1b#452e1b#f4d6e0#f4d6e0#3e202a#3e202a
#fdf2e8#fdf2e8#22170d#22170d#f9eaef#f9eaef#1f1015#1f1015
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe sandybrown und Farbe palevioletred

Wechsel der Textfarbe bei Hover mit HTML-Befehl li

Die Textfarbe soll sich von Farbe sandybrown auf Farbe palevioletred ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <li> in Farbe sandybrown vor.

Wir ändern z.B. die Textfarbe von <li> auf Farbe sandybrown. Die Hintergrundfarbe ändern wir nicht. Die Schriftart ändern wir auf arial. Die Schriftgröße erhöhen wir auf 126%:

<style type="text/css"><!--
  li { 
    color: sandybrown; 
    font-family: arial; 
    font-size: 126%;
  }
//-->
</style>
Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu palevioletred ändert.
<style type="text/css"><!--
  li: hover { 
    color: palevioletred;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Listen und Glossare in HTML. Mehr zum hier genutzten Befehl li finden Sie in der HTML Referenz unter <li>.

Text- und Unterstreichungsfarben von HTML-Tag a

Mit HTML-Befehl <a> setzen Sie einen Hyperlink. Diesen kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbe palevioletred und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gepunkteten Rahmens mit 2 Punkte Dicke in Farbe sandybrown. Das geht in HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    font-family:courier new; 
    color:palevioletred; 
    font-size:13px; 
    border-bottom:2pt dotted sandybrown;
  }
//-->
</style>

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum hier gezeigten HTML-Befehl <a>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen