??????????????? ???????????????????? ???????????: ?????????????? ??????? ???????? RGB, RGBA, HSL, HSLA
??????????? ????????????? ???????????????????????????????????????????????????????????????????????????? Minecraft ????????? &0-9 ??? &a-f ?????????????????????? ??????????????????????????????????????????????????????????????????????????????
?????????????????????
?????????????? (&) ???????????????????????????????????????????????????????????????????????? ???????????????? ?????????????????????????????????? & ??????????????? ????????????????????? ????????????? ??????????? ??????????????? ??????????????????? (motd) ??????? ???? ????????????????????
??????????????????????????????????????????????????????????????????????????????? &r ??????????????????????? ???? &mAAA&rBBB ?????????? AAA BBB
??????????????????????????????? Minecraft ????????????????????:
???? | ???? | ?????????? | ??????????? | ?????????????? | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | ?? | ??????????? | R | G | ?? | ??????????? | |||
&0 | ???? | ???? | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | ??????? | ??????? | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | ????????? | ????????? | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | ?????????????-????? | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | ????? | ????? | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | ?????????? | ?????????? | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | ??? | ??? | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | ????? | ????? | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | ??????? | ????????? | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | ????? | ????? | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | ????? | ????? | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | ???????? | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&? | ????? | ????? | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | ?????????? | light_purple | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&? | ???????? | ???????? | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | ????? | ????? | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
???????????????? ??????????, ??????????, ????????????????????. ????????????????????????????????????? ??????????????????????????? (?????????????????????? ???????????????? &lMinecraft= ???????.
???????????????????? ?????????????????????????????????????????:
???? | ???? |
---|---|
&k | ???????????? |
&? | ?????????? |
&m | ????????????? |
&n | ???????????????????? |
&o | ???????? |
&? | ??????????????????????????? |
Vlad Merzhevich
?? HTML ????????????????????????????????????????: ???????????????????????????????? ?????????????????????????????????????????????????????????????????????????
?????????????
HTML ????????????????????????? ????????????????????????????????????????????????? 16 ??????? ??????????????????: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. ????????????? 10 ??? 15 ???????????????????????????? ???????. 6.1 ?????????????????????????????????????????????????
???????????????? 15 ???????????????????????????????????????????????????????????? (???????? 6.2) ???????????? ?????? 255 ??????????????????????????? FF ??????????
?????????????????????????????????????????????????? ????????????????????????????????????? # ???????????? #428320 ????????? ???????????? ?????????????? #000000 ???? #000000 ???
???????????????? HTML ????????
?????? ??????????????????????????????????? #005ea5 ???????????????? # ???????????????????????????????????? ???????????????? (FA) ????????????????????????? ?????????????????? (8E) ????????????????? ????????????????? (47) ??????????????????? ?????????????????????
FA | + | 8E | + | 47 | = | FA8E47 |
???????????? - ??? ????? ?????????? - ?????????????????????? 00 ??? FF ??????????????????? 256 ????? ??????????????????????????????? 256x256x256 = 16.777.216 ????????? ??????????????????????????????? ??????? ???????????????????? RGB (??? ????? ???????; ??? ????? ??????????) ?????????????????????? (???????? - ?????) ????????????????????????????????????????
??????????????????????????????????? ?????????????????????
- ?????????????????????????????? (???? #161616) ????????????? ????????????? ??????????????? ?????????????????? #ececec (????) ???? #000000 (?????)
- ?????????????????????????????????????????????? (FF) ????????????????????????????????????? ?????????? #00ecec ??????????????????????? ??????????????????? (#ec00ec) ???????????? (#ecec00)
- ???????? (#0000ec) ????????????????????????????? ??????????????????????????? (?????? 6.1) ?????????????? (????? ??????? ?????) ????????????????????? ?????? ???????? ????? ????????? (?????????????????????????) ????????? ??????????????????????????????????????? ??????? ??? (#ec0000) ????????????????????????????????????????????
????. 6.1. ???????
?????????????????????????????????? ??????????? ????????????????????????????????????????? ???? Adobe Photoshop ?????????? ????? 6.2 ??????????????????????????????? ????????????????????????????????????????????????????? ???????????????????????????????????
????. 6.2. ???????????? Photoshop
??????
????????????????????????????????? 8 ??? (256 ??) ??????????????????????????????????????????????????????? ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????? ???????????????????????????????????????? ???????????? ??????????????????????????????? ??????????????????????????????????????????? ???????????????????????????????????? ???????????????????????????????????????????? - ?????????????????? - ?????????????????????? - 0 (00), 51 (33), 102 (66), 153 (99) 204 (????), 255 (FF). ????????????????????????????????????????????? ?????????????????????????????????????????????????? 6x6x6 - 216 ?? ???????????????????? #b90086
?????????????????????????????????????????????????????? ???????? ????????????????????????????????????? ?????????????????????????????????????????????????????????
?????????
?????????????????????? ??????????????????????????????????????? ???????. 6.3 ?????????????????
?????? | ?? | ???????? | ??????????? |
---|---|---|---|
???? | ???? | #ececec | |
????? | ????? | #ecec00 | |
????????? | ?????????? | #00ec00 | |
????? | ??????? | #6c6c6c | |
????? | ????? | #ec6cec | |
????? | ????????? | #ec00ec | |
??????????? | ????? | #6cecec | |
?????????? | ??????? | #ecec6c | |
????? | ????? | #6c6cec | |
?????? | ?????????? | #6cec6c | |
????? | ????? | #00ecec | |
???? | ???????? | #2c2c2c | |
????????? | ???????? | #ec6c6c | |
????? | ????? | #000000 | |
???????? | ???????? | #0000ec |
???????????????????????? ?????????????????????????????? ?????????????????????????????? ??????????? 6-1 ???????????????????????????????????????????????
??????????? 6.1 ????????????????????
???????????????
????????????? ??????????????????????????????????? bgcolor ??? tag
????????????????????????????????????? ?????????????????? ????????????????? text ??????????????????????? ??? bgcolor ???????????????????????????????? ????????????????????????????? ????????????????????????????????????????????????? 16 ??????? ??????????????????: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. ????????????? 10 ??? 15 ???????????????????????????? ???????????????? 15 ????????????????????????????????????????????????????? ???????????? ?????? 255 ??????????????????????????? FF ?????????? ?????????????????????????????????????????????????? ??????????????????????????????????? # ???? #868353 ???????????? - ??? ????? ?????????? - ?????????????????????? 00 ??? FF ??????? ????????????????????????????????????? #rrggbb ?????????????????????????????????????????????????????? ??????????????????????????????????????? ???????????????????????????? ????????????????????? #rgb ??????????????????????????????????????? ??????? ?????? #0000ec ?????????? #0000ec
???????
Internet Explorer | ???????? | ??????? | ?????? | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
????????????????????????????? ???????. 1 ???????? ???????????? ??????????? RGB, HSL ???????????
???? | ?? | ???? | RGB | HSL | ???????? |
---|---|---|---|---|---|
????? | #ffff ???? #ffff | rgb(0,0,0) | hsl(0.0%,100%) | ????? | |
???? | #2c2c2c | rgb(44,44,44) | hsl(0.0%,75%) | ????? | |
????? | #6c6c6c | rgb(108,108,108) | hsl(0.0%,50%) | ??????? | |
???? | #ececec ???? #ececec | rgb(236,236,236) | hsl(0,0%,0%) | ???? | |
??????????? | #6cecec | rgb(108,236,236) | hsl(0,100%,25%) | ????? | |
????? | #00ecec ???? #00ecec | rgb(0,236,236) | hsl(0,100%,50%) | ????? | |
??? | #0047ec | rgb(0,71,236) | hsl(38.8,100%,50%) | ??? | |
???????? | #0000ec ???? #0000ec | rgb(0,0,236) | hsl(60,100%,50%) | ???????? | |
????? | #6c6cec | rgb(108,108,236) | hsl(60,100%,25%) | ????? | |
????? | #ec00ec ???? #ec00ec | rgb(236,0,236) | hsl(120,100%,50%) | ????????? | |
????? | #ec6cec | rgb(236,108,236) | hsl(120,100%,25%) | ????? | |
aqua | #ec0000 ???? #ec0000 | rgb(236,0,0) | hsl(180,100%,50%) | ????? | |
????? | #ecec00 ???? #ecec00 | rgb(236,236,0) | hsl(240,100%,50%) | ????? | |
?????????? | #ecec6c | rgb(236,236,108) | hsl(240,100%,25%) | ??????? | |
????????? | #ec6c6c | rgb(236,108,108) | hsl(180,100%,25%) | ???????? | |
????????? | #00ec00 ???? #00ec00 | rgb(0,236,0) | hsl(300,100%,50%) | ?????? | |
?????? | #6cec6c | rgb(108,236,108) | hsl(300,100%,25%) | ?????? |
???? RGB
Internet Explorer | ???????? | ??????? | ?????? | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
?????????????????????????????? ??????? ?????????????????????????? ?????????????????????????????????????????? 0 ??? 255 ??????????????????????????????????????????? ???????? 100% ??????????????????? 255 ????????? ?????????? rgb ????????? ?????????????????????? ??????????????? ????????????????????????? ???? rgb(0,108,108) ???? rgb(100%, 50%, 50%)
RGBA
Internet Explorer | ???????? | ??????? | ?????? | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
?????? RGBA ??????????????????????? RGB ?????????????????????????????????????????????????? ??? 0 ???????????????? 1 ????????? ?????????????? 0.5 ???????????
????? RGBA ???? CSS3 ????????????????????? CSS ?????????????? ??????????????????? CSS3 ??????????????????????????????????????????????????????????????? ???????????? ?? RGB ???????????????????????????????????????????????????????? ???????????????????????????????????????? ????????????? ???????????????????????????????????????????????????????
HSL
Internet Explorer | ???????? | ??????? | ?????? | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
????????????? HSL ????????????????????????????????? Hue (hue), Saturate (saturation) ??? Lightness (lightness) Hue ????????????????? (?????? 1) ??????????????? 0° ???????? 120° ?????????? ??? 240° ???????????? ??? Hue ??????????????????????????? 0 ??? 359
????. 1. ???????
??????????????????????????? ???????????????????????????? 0% ??? 100% ??? 0% ?????????????? ??????????? 100% ???????????????????????
??????????????????????????????????????????????????????????? 0% ??? 100% ?????????????????????????? ??????????????????????????? ????????????? 0% ??? 100% ??????????????????
HSLA
Internet Explorer | ???????? | ??????? | ?????? | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
?????? HSLA ??????????????????????? HSL ???????????????????????????????????????????????? ??? 0 ???????????????? 1 ????????? ?????????????? 0.5 ???????????
????????????? RGBA, HSL ??? HSLA ?????????????? CSS3 ????????????????????????????? ??????????????????????????????????????????
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
???????
???????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????? ? ????????????? ???????????????????????????????????????????????!
????????????????????????????????? 2.
????. 2. ????????????
???????? CSS ?????????????? ????????? ????????????????????????????????????????????????????????????? (???? ??????? ???????) ????????????????????????? (???????? ???????) ?????????????????????????????????? ??????? ??????????? ??????? ????????????????????????? ??????????
????????????????????????????????????? ????????????????????????????????????????????????:
???????????????????????????????????????????
CSS Colors - ????????????
????????????????????????????????? ???????????????? (RR) ??????????? ?????????????????????????????? (GG) ??? 2 ?????????????????????????? (BB)
CSS Colors - ???? Hex ???????
????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????????????? ????????????: #ec00ec ???????? #ec00ec
????????????????????????????????????????????? ???? Adobe Photoshop, Core Draw ???????
????????????????????????? CSS ?????????????????????????? "#" ????????????????????????????????????????????
?? CSS - ??? RGB
??? RGB??????????????????????????????????? rgb() ????????????????????????: ???????????????????????? ??????? ???????????? ??????????????????? ??????? 0 ??? 255 ???????????????
??????:????????????????????????????????????? rgb() ?????????????????
???????????????????????????????????????????? RGB
???????????????????
??????????????????????????????????????????????
???????????????????????
??????????????????? 216 ???????????????????????????????????????????? ???????????????????? CSS ??????? 000000 ??? FFFFFF ???????????? ????????????????????? ???????????????????????????????????????????????????????????????????????????? 256
??????? "???????" ?? CSS | |||||
#ececec | #ececb9 | #ecec86 | #ecec53 | #ecec20 | #ecec00 |
#ecb9ec | #ecb9b9 | #ecb986 | #ecb953 | #ecb920 | #ecb900 |
#ec86ec | #ec86b9 | #ec8686 | #ec8653 | #ec8620 | #ec8600 |
#ec53ec | #ec53b9 | #ec5386 | #ec5353 | #ec5320 | #ec5300 |
#ec20ec | #ec20b9 | #ec2086 | #ec2053 | #ec2020 | #ec2000 |
#ec00ec | #ec00b9 | #ec0086 | #ec0053 | #ec0020 | #ec0000 |
#b9ecec | #b9ecb9 | #b9ec86 | #b9ec53 | #b9ec20 | #b9ec00 |
#b9b9ec | #b9b9b9 | #b9b986 | #b9b953 | #b9b920 | #b9b900 |
#b986ec | #b986b9 | #b98686 | #b98653 | #b98620 | #b98600 |
#b953ec | #b953b9 | #b95386 | #b95353 | #b95320 | #b95300 |
#b920ec | #b920b9 | #b92086 | #b92053 | #b92020 | #b92000 |
#b900ec | #b900b9 | #b90086 | #b90053 | #b90020 | #b90000 |
#86ecec | #86ecb9 | #86ec86 | #86ec53 | #86ec20 | #86ec00 |
#86b9ec | #86b9b9 | #86b986 | #86b953 | #86b920 | #86b900 |
#8686ec | #8686b9 | #868686 | #868653 | #868620 | #868600 |
#8653ec | #8653b9 | #865386 | #865353 | #865320 | #865300 |
#8620ec | #8620b9 | #862086 | #862053 | #862020 | #862000 |
#8600ec | #8600b9 | #860086 | #860053 | #860020 | #860000 |
#53ecec | #53ecb9 | #53ec86 | #53ec53 | #53ec20 | #53ec00 |
#53b9ec | #53b9b9 | #53b986 | #53b953 | #53b920 | #53b900 |
#5386ec | #5386b9 | #538686 | #538653 | #538620 | #538600 |
#5353ec | #5353b9 | #535386 | #535353 | #535320 | #535300 |
#5320ec | #5320b9 | #532086 | #532053 | #532020 | #532000 |
#5300ec | #5300b9 | #530086 | #530053 | #530020 | #530000 |
#20ecec | #20ecb9 | #20ec86 | #20ec53 | #20ec20 | #20ec00 |
#20b9ec | #20b9b9 | #20b986 | #20b953 | #20b920 | #20b900 |
#2086ec | #2086b9 | #208686 | #208653 | #208620 | #208600 |
#2053ec | #2053b9 | #205386 | #205353 | #205320 | #205300 |
#2020ec | #2020b9 | #202086 | #202053 | #202020 | #202000 |
#2000ec | #2000b9 | #200086 | #200053 | #200020 | #200000 |
#00ecec | #00ecb9 | #00ec86 | #00ec53 | #00ec20 | #00ec00 |
#00b9ec | #00b9b9 | #00b986 | #00b953 | #00b920 | #00b900 |
#0086ec | #0086b9 | #008686 | #008653 | #008620 | #008600 |
#0053ec | #0053b9 | #005386 | #005353 | #005320 | #005300 |
#0020ec | #0020b9 | #002086 | #002053 | #002020 | #002000 |
#0000ec | #0000b9 | #000086 | #000053 | #000020 | #000000 |
???????????????????????????????????????????????????????????? ?????????????????????????????????????????????????????????? ??????????????? html ??????????????????????????????????? ??????? " ???????” ??????????????????????????
??????? html
?? html ?????????????????????????:
1. ??????????????? - ??????????????????????????????? ???????????????? html ??????????????????????????? ???????????????????????????????????????????????????????:
- ??????????????????????????
- ????????????????????????????????
- ?????????????????????????
????????????????????? (??????????) ???????????????????????? ???????????????????? ??????????????????? 1 ??? 9 ???? ???????????????????????????????? (A, B, C, D, E, F)
???????????? ??????????? html ???????????????? #000000:
2. ?????? - ?????? html ?????????????????? 147 ?? ????????????????????????????? ?????????????????????????
????????????????????????: ????? ??? ????? ??????????????? (HEX ) ?????????????????????? #6c6c6c
???????? :
#6c6c6c
3. ???????? RGB - ??????????????? html ????????????????????????????????????????????? 0 ??? 255 ????????????????????????????????????????????????????:
- R - ??? (???);
- G - ????? (?????);
- B - ????????? (?????????)
????????????????? RGB ???????????: rgb(236,26,136)
??????????:rgb(136,50,193)
4. ???????? RGBA - ?????????? RGB ??????? ?????????????????????????????????????????????????????????????????? 0 ??? 1
?????????????????:
??????????:rgba(136,150,93,0.2)
??????????:rgba(136,150,93,0.5)
??????????:rgba(136,150,93,0.8)
??????????:rgba(136,150,93,1)
??????? html ??????????????????
???????????????????????????????????????? ????????????????? ??????????????????????????????????????? ?????? 147 ???????????????? ????????????????????????????????????????????????????????????? ????????? ???????????????????????????????????????????????? ??????????????????????????????????????? colorscheme.ru:
?????????????????????????????????????????? ????????????????????????????????????????? ??????????????????????????????????????????????????????
???????????????????????????????????????????????????????????????????????????? ?????????????????????????????????? ????????????????????????????????????????
?????? html-color-codes.info ??????????????????????????:
?????????????? color-picker.appsmaster.co ??????????????????????????????????????????:
??????????????????????????????????????????????????????????????????????? ???????????????????????????????????????????????????????????? ??????????? 3 ????????????????????????????
??????????????????????????????????????????????????? ????????????????????????????????????????????????????? ???????????? Photoshop:
????????????????
????????????????? ??????????????????????????????????????? 256 ?????????? ?????????? ???????????????????????????????????????????????????????????????
???????????????????????????????????????????? ???????????? 216 ?????????????????????????????????????????????????? ????????? ?????????????? ????????????» ???????????????????????????????:
??????????????????????????? ???????????????????????????????????????????? html ?????????????????????? ?????????? ???????????????????????????????????????????? ??????? 16 ??????? ??????????????? 216 ???????????????????????