Ressourcen: 120 HTML Farbnamen - Kombination von Farbe cornsilk und Farbwert #00fa9a

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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe cornsilk

Schriftfarbwert #00fa9a

DetailHintergrund cornsilk DetailSchrift #00fa9a 
Farbe :cornsilkFarbwert :#00fa9a
Farbwert :#fff8dcFarbe :mediumspringgreen
HTML:cornsilkHTML:#00fa9a
HTML (Wert):#fff8dcHTML (Wert):#00fa9a
CSS:cornsilkCSS:#00fa9a
CSS (Wert):#fff8dcCSS (Wert):#00fa9a
CSS (kürzest):#fff8dcCSS (kürzest):#00fa9a
CSS (RGB):rgb(255,248,220)CSS (RGB):rgb(0,250,154)
CSS (%RGB):rgb(100%,97%,86%)CSS (%RGB):rgb(0%,98%,60%)

Verlauf Hintergrundfarbe cornsilk nach Schriftfarbwert #00fa9a

#fff8dc#daf8d2#b6f8c9#91f8bf#6df9b6#48f9ac#24f9a3#00fa9a
#fff8dc#daf8d2#b6f8c9#91f8bf#6df9b6#48f9ac#24f9a3#00fa9a

Kombination von cornsilk und #00fa9a

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.

Die Ähnlichkeit der Farben #00fa9a und cornsilk beträgt 93.80%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.20%.

#00fa9a eignet sich nicht als Schriftfarbe auf Hintergrund cornsilk, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe cornsilk

Schriftfarbwert #00fa9a

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fff8dc#fff8dc#fff8dc#fff8dc#00fa9a#00fa9a#00fa9a#00fa9a
#fff9e1#fff9e1#dad4bc#dad4bc#24faa8#24faa8#00d684#00d684
#fffae6#fffae6#b6b19d#b6b19d#48fbb6#48fbb6#00b26e#00b26e
#fffbeb#fffbeb#918d7d#918d7d#6dfcc5#6dfcc5#008e58#008e58
#fffcf0#fffcf0#6d6a5e#6d6a5e#91fcd3#91fcd3#006b42#006b42
#fffdf5#fffdf5#48463e#48463e#b6fde2#b6fde2#00472c#00472c
#fffefa#fffefa#24231f#24231f#dafef0#dafef0#002316#002316
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe cornsilk und Farbwert #00fa9a

Füllen und Umranden mit HTML-Tag button

Hier umranden wir <button> mit einem . Den Hintergrund von <button> färben wir mit Farbe cornsilk. Mit HTML geht das nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  button { 
    border-color:#00fa9a; 
    border-style:double; 
    border-width:5pt; 
    background-color:cornsilk;
  }
//-->
</style>

Weiteres zu button lesen Sie in Formulare in HTML. Die Beschreibung vom hier verwendeten Tag button lesen Sie in der HTML Referenz unter <button>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen