Barvy
Definice:
- Jméno barvy v angličtině
- Číslenou definicí
- hexadecimálně
- hexadecimálně zkráceně
- desítkově
- procentuálně
Základní barvy:
| | black |
| white |
| green |
| maroon |
| | olive |
| navy |
| purple |
| gray |
| | yellow |
| lime |
| aqua |
| fuchsia |
| | silver |
| red |
| blue |
| teal |
Definice pomocí jména:
<h1 style="color: blue;">
| | ivory |
| lightyellow |
| snow |
| floralwhite |
| | lemonchiffon |
| cornsilk |
| seashell |
| lavenderblush |
| | papayawhip |
| blanchedalmond |
| mistyrose |
| bisque |
| | moccasin |
| peachpuff |
| navajowhite |
| gold |
| | pink |
| lightpink |
| lightsalmon |
| orange |
| | darkorange |
| coral |
| hotpink |
| tomato |
| | orangered |
| deeppink |
| magenta |
| oldlace |
| | lightgoldenrodyellow |
| linen |
| antiquewhite |
| salmon |
| | ghostwhite |
| mintcream |
| whitesmoke |
| beige |
| | wheat |
| sandybrown |
| aliceblue |
| azure |
| | honeydew |
| khaki |
| lightcoral |
| palegoldenrod |
| | violet |
| darksalmon |
| lavender |
| lightcyan |
| | burlywood |
| plum |
| gainsboro |
| crimson |
| | goldenrod |
| orchid |
| thistle |
| palevioletred |
| | lightgrey |
| tan |
| chocolate |
| peru |
| | indianred |
| mediumvioletred |
| darkkhaki |
| rosybrown |
| | mediumorchid |
| darkgoldenrod |
| firebrick |
| powderblue |
| | lightsteelblue |
| paleturquoise |
| greenyellow |
| lightblue |
| | darkgray |
| brown |
| sienna |
| yellowgreen |
| | darkorchid |
| palegreen |
| darkviolet |
| mediumpurple |
| | lightgreen |
| darkseagreen |
| saddlebrown |
| darkmagenta |
| | darkred |
| blueviolet |
| lightskyblue |
| skyblue |
| | mediumslateblue |
| aquamarine |
| chartreuse |
| lawngreen |
| | lightslategray |
| slategray |
| slateblue |
| dimgray |
| | olivedrab |
| mediumauquamarine |
| cornflowerblue |
| cadetblue |
| | darkolivegreen |
| indigo |
| mediumturquoise |
| darkslateblue |
| | steelblue |
| royalblue |
| turquoise |
| mediumseagreen |
| | limegreen |
| darkslategray |
| seagreen |
| forestgreen |
| | lightseagreen |
| dodgerblue |
| midnightblue |
| springgreen |
| | mediumspringgreen |
| darkturquoise |
| deepskyblue |
| darkcyan |
| | darkgreen |
| mediumblue |
| darkblue |
| cyan |
Hexadecimální zápis:
<h1 style="color: #FF0000;">
| | #ffffff |
| #000033 | | #000066 | | #000099 |
| | #0000cc | | #0000ff
| | #003333 | | #003366 |
| | #003399 | | #0033cc | | #0033ff
| | #006633 |
| | #006666 | | #006699 | | #0066cc | | #0066ff
|
| | #009933 | | #009966 | | #009999 | | #0099cc |
| | #0099ff
| | #00cc33 | | #00cc66 | | #00cc99 |
| | #00cccc | | #00ccff
| | #00ff33 | | #00ff66 |
| | #00ff99 | | #00ffcc | | #00ffff
| | #330033 |
| | #330066 | | #330099 | | #3300cc | | #3300ff
|
| | #333333 | | #333366 | | #333399 | | #3333cc |
| | #3333ff
| | #336633 | | #336666 | | #336699 |
| | #3366cc | | #3366ff
| | #339933 | | #339966 |
| | #339999 | | #3399cc | | #3399ff
| | #33cc33 |
| | #33cc66 | | #33cc99 | | #33cccc | | #33ccff
|
| | #33ff33 | | #33ff66 | | #33ff99 | | #33ffcc |
| | #33ffff
| | #660033 | | #660066 | | #660099 |
| | #6600cc | | #6600ff
| | #663333 | | #663366 |
| | #663399 | | #6633cc | | #6633ff
| | #666633 |
| | #666666 | | #666699 | | #6666cc | | #6666ff
|
| | #669933 | | #669966 | | #669999 | | #6699cc |
| | #6699ff
| | #66cc33 | | #66cc66 | | #66cc99 |
| | #66cccc | | #66ccff
| | #66ff33 | | #66ff66 |
| | #66ff99 | | #66ffcc | | #66ffff
| | #990033 |
| | #990066 | | #990099 | | #9900cc | | #9900ff
|
| | #993333 | | #993366 | | #993399 | | #9933cc |
| | #9933ff
| | #996633 | | #996666 | | #996699 |
| | #9966cc | | #9966ff
| | #999933 | | #999966 |
| | #999999 | | #9999cc | | #9999ff
| | #99cc33 |
| | #99cc66 | | #99cc99 | | #99cccc | | #99ccff
|
| | #99ff33 | | #99ff66 | | #99ff99 | | #99ffcc |
| | #99ffff
| | #cc0033 | | #cc0066 | | #cc0099 |
| | #cc00cc | | #cc00ff
| | #cc3333 | | #cc3366 |
| | #cc3399 | | #cc33cc | | #cc33ff
| | #cc6633 |
| | #cc6666 | | #cc6699 | | #cc66cc | | #cc66ff
|
| | #cc9933 | | #cc9966 | | #cc9999 | | #cc99cc |
| | #cc99ff
| | #cccc33 | | #cccc66 | | #cccc99 |
| | #cccccc | | #ccccff
| | #ccff33 | | #ccff66 |
| | #ccff99 | | #ccffcc | | #ccffff
| | #ff0033 |
| | #ff0066 | | #ff0099 | | #ff00cc | | #ff00ff
|
| | #ff3333 | | #ff3366 | | #ff3399 | | #ff33cc |
| | #ff33ff
| | #ff6633 | | #ff6666 | | #ff6699 |
| | #ff66cc | | #ff66ff
| | #ff9933 | | #ff9966 |
| | #ff9999 | | #ff99cc | | #ff99ff
| | #ffcc33 |
| | #ffcc66 | | #ffcc99 | | #ffcccc | | #ffccff
|
| | #ffff33 | | #ffff66 | | #ffff99 | | #ffffcc |
Zkrácený hexadecimální zápis:
<h1 style="color: #FF00;"> - pro zápis #FF0000,
zkrácený zápis můžeme použít,když se dvojice čísel(znaků) rovnají
Desítkový zápis:
Zadávají se zde R,G,B hodnoty od 0 - 255, tyto 3 hodnoty určují výslednou barvu
<h1 style="color: 255,255,255;">
Procentuální zápis:
Zadávají se zde R,G,B hodnoty v procentech od 0(0) - 100%(255), tyto 3 hodnoty určují výslednou barvu
<h1 style="color: 100%,100%,100%;">
Systémové barvy:
Tyto barvy se nezobrazují na všech počítačích uplně stejně. Sice je tu uvedu, ale radím, nepoužívejte je.
| |
ActiveBorder |
|
ActiveCaption |
|
AppWorkspace |
|
Background |
| |
ButtonFace |
|
ButtonHighLight |
|
ButtonShadow |
|
ButtonText |
| |
CaptionText |
|
GrayText |
|
HighLight |
|
HighLightText |
| |
InactiveBorder |
|
InactiveCaption |
|
InactiveCaptionText |
|
InfoBackground |
| |
InfoText |
|
Menu |
|
MenuText |
|
Scrollbar |
| |
ThreeddarkShadow |
|
ThreedFace |
|
ThreedHighLight |
|
ThreedLightShadow |
| |
ThreedShadow |
|
Window |
|
WindowFrame |
|
WindowText |