Barevné hodnoty

Barevné hodnoty jsou zcela shodné s barevnými hodnotami jako v jazyce HTML. Barevné hodnoty se mohou nastavit třemi způsoby a to: jménem, hexadecimálně a RGB.

Jménem:
color: red;

Hex, Hexadecimálně:
color: #FF0000;

Osmičkové nastavení, ekvivalent RGB.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 (A), 11 (B), 12 (C), 13 (D), 14 (E), 15 (F).
00 = 0; FF = 255

RGB:
color: rgb(255,0,0); nebo color: rgb(100%,0%,0%);

Pozor: toto nastavení nemusí podporovat všechny prohlížeče!


16 základních barev: jde o standard, který by měly podporovat všechny prohlížeče.
barvahex (jméno)barvahex (jméno)
  #00FFFF (aqua)   #000000 (black)
  #0000FF (blue)   #FF00FF (fuchsia)
  #808080 (gray)   #008000 (green)
  #00FF00 (lime)   #800000 (maroon)
  #000080 (navy)   #808000 (olive)
  #800080 (purple)   #FF0000 (red)
  #C0C0C0 (silver)   #008080 (teal)
  #FFFF00 (yellow)   #FFFFFF (white)

Další barvy podporují prohlížeče od Internet Explorer 3.0, Netscape Navigator 2.0. Některé barvy může každý prohlížeč použít po svém to bohužel nelze ovlivnit. Většinou pokud nemůže prohlížeč barvu zpřesnit přikloní se k té nejbližší možné.
barvahex (jméno)barvahex (jméno)
  #F0F8FF (aliceblue)   #FAEBD7 (antiquewhite*)
  #7FFFD4 (aquamarine*)   #F0FFFF (azure*)
  #F5F5DC (beige)   #FFE4C4 (bisque*)
  #FFEBCD (blanchedalmond)   #0000FF (blue*)
  #8A2BE2 (blueviolet)   #A52A2A (brown*)
  #DEB887 (burlywood)   #5F9EA0 (cadetblue*)
  #7FFF00 (chartreuse*)   #D2691E (chocolate*)
  #FF7F50 (coral*)   #6495ED (cornflowerblue)
  #FFF8DC (cornsilk*)   #DC143C (crimson)
  #00FFFF (cyan*)   #00008B (darkblue)
  #008B8B (darkcyan)   #B8860B (darkgoldenrod*)
  #A9A9A9 (darkgray)   #006400 (darkgreen)
  #BDB76B (darkkhaki)   #8B008B (darkmagenta)
  #556B2F (darkolivegreen*)   #FF8C00 (darkorange*)
  #9932CC (darkorchid*)   #8B0000 (darkred)
  #E9967A (darksalmon)   #8FBC8F (darkseagreen*)
  #483D8B (darkslateblue)   #2F4F4F (darkslategray*)
  #00CED1 (darkturquoise)   #9400D3 (darkviolet)
  #FF1493 (deeppink*)   #00BFFF (deepskyblue*)
  #696969 (dimgray)   #1E90FF (dodgerblue*)
  #B22222 (firebrick*)   #FFFAF0 (floralwhite)
  #228B22 (forestgreen)   #DCDCDC (gainsboro)
  #F8F8FF (ghostwhite)   #FFD700 (gold*)
  #DAA520 (goldenrod*)   #008000 (green*)
  #ADFF2F (greenyellow)   #F0FFF0 (honeydew*)
  #FF69B4 (hotpink*)   #CD5C5C (indianred*)
  #4B0082 (indigo)   #FFFFF0 (ivory*)
  #F0E68C (khaki)   #E6E6FA (lavender)
  #FFF0F5 (lavenderblush*)   #7CFC00 (lawngreen)
  #FFFACD (lemonchiffon*)   #ADD8E6 (lightblue*)
  #F08080 (lightcoral)   #E0FFFF (lightcyan*)
  #FAFAD2 (lightgoldenrodyellow)   #90EE90 (lightgreen)
  #D3D3D3 (lightgrey)   #FFB6C1 (lightpink*)
  #FFA07A (lightsalmon*)   #20B2AA (lightseagreen)
  #87CEFA (lightskyblue*)   #778899 (lightslategray)
  #B0C4DE (lightsteelblue*)   #FFFFE0 (lightyellow*)
  #32CD32 (limegreen)   #FAF0E6 (linen)
  #FF00FF (magenta*)   #800000 (maroon*)
  #66CDAA (mediumaquamarine)   #0000CD (mediumblue)
  #BA55D3 (mediumorchid*)   #9370DB (mediumpurple)
  #3CB371 (mediumseagreen)   #7B68EE (mediumslateblue)
  #00FA9A (mediumspringgreen)   #48D1CC (mediumturquoise)
  #C71585 (mediumvioletred)   #191970 (midnightblue)
  #F5FFFA (mintcream)   #FFE4E1 (mistyrose*)
  #FFE4B5 (moccasin)   #FFDEAD (navajowhite*)
  #FDF5E6 (oldlace)   #6B8E23 (olivedrab*)
  #FFA500 (orange*)   #FF4500 (orangered*)
  #DA70D6 (orchid*)   #EEE8AA (palegoldenrod)
  #98FB98 (palegreen*)   #AFEEEE (paleturquoise*)
  #DB7093 (palevioletred*)   #FFEFD5 (papayawhip)
  #FFDAB9 (peachpuff*)   #CD853F (peru)
  #FFC0CB (pink*)   #DDAODD (plum*)
  #B0E0E6 (powderblue)   #800080 (purple*)
  #FF0000 (red*)   #BC8F8F (rosybrown*)
  #4169E1 (royalblue*)   #8B4513 (saddlebrown)
  #FA8072 (salmon*)   #F4A460 (sandybrown)
  #2E8B57 (seagreen*)   #FFF5EE (seashell*)
  #A0522D (sienna*)   #87CEEB (skyblue*)
  #6A5ACD (slateblue*)   #708090 (slategray*)
  #FFFAFA (snow*)   #00FF7F (springgreen*)
  #4682B4 (steelblue*)   #D2B48C (tan*)
  #D8BFD8 (thistle*)   #FF6347 (tomato*)
  #40E0D0 (turquoise*)   #EE82EE (violet)
  #F5DEB3 (wheat*)   #F5F5F5 (whitesmoke)
  #FFFF00 (yellow*)   #9ACD32 (yellowgreen)

U barev označených (*): znamená že lze zadat číslovanou rodinu barev!
blue - blue1, blue2, blue3, blue4 (blue4 je nejtmavší)
gray nebo grey - od 1 do 100 (gray1 je nejtmavší).


Další možnost zadání barev:
#000000#000033#000066#000099#0000CC#0000FF
#0033FF#0033CC#003399#003366#003333#003300
#006600#006633#006666#006699#0066CC#0066FF
#0099FF#0099CC#009999#009966#009933#009900
#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#330000#330033#330066#330099#3300CC#3300FF
#3333FF#3333CC#333399#333366#333333#333300
#336600#336633#336666#336699#3366CC#3366FF
#3399FF#3399CC#339999#339966#339933#339900
#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#660000#660033#660066#660099#6600CC#6600FF
#6633FF#6633CC#663399#663366#663333#663300
#666600#666633#666666#666699#6666CC#6666FF
#6699FF#6699CC#669999#669966#669933#669900
#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#990000#990033#990066#990099#9900CC#9900FF
#9933FF#9933CC#993399#993366#993333#993300
#996600#996633#996666#996699#9966CC#9966FF
#9999FF#9999CC#999999#999966#999933#999900
#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC6600#CC6633#CC6666#CC6699#CC66CC#CC66FF
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF6600#FF6633#FF6666#FF6699#FF66CC#FF66FF
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF
#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00