Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #40e0d0

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.

Hintergrundfarbwert #40e0d0

DetailHintergrundfarbwert #40e0d0 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#40e0d0#40e0d0#40e0d0#40e0d0#40e0d0
Farbe :turquoise#5be4d6#5be4d6#36c0b2#36c0b2
HTML:#40e0d0#76e8dd#76e8dd#2da094#2da094
CSS:#40e0d0#91ede4#91ede4#248076#248076
CSS (Wert):#40e0d0#adf1ea#adf1ea#1b6059#1b6059
CSS (kürzest):#40e0d0#c8f6f1#c8f6f1#12403b#12403b
CSS (RGB):rgb(64,224,208)#e3faf8#e3faf8#09201d#09201d
CSS (%RGB):rgb(25%,87%,81%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #40e0d0

Änderung der Textfarbe bei Tag input

Wir legen für dieses Beispiel die Textfarbe von <input> auf Farbwert #40e0d0 fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana:

<input style="font-family:verdana; color:#40e0d0;">
input-Text nutzt Farbwert #40e0d0
</input>

Weiteres zum Thema input erfahren Sie in Formulare in HTML. Mehr zum Befehl input lesen Sie in der HTML Referenz unter <input>.

Änderung der Hintergrundfarbe mit Befehl blockquote

Wir legen z.B. Farbwert #40e0d0 als Hintergrundfarbe von <blockquote> fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 123%:

<blockquote style="background-color:#40e0d0; font-size:123%; font-family:monospace;">
Dieser Hintergrund ist in Farbwert #40e0d0
</blockquote>

Weiteres zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Möglichkeiten des Tag blockquote sind in der HTML Referenz bei <blockquote> genau gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen