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.
barva | hex (jméno) | barva | hex (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é.
barva | hex (jméno) | barva | hex (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 |