ladybe.ru
??????? ?????? ??????????: ?????? ??????? ????? ? ????????? ?????? ??????? ??????????? ???????, ??? ????????, RGB, RGBA, HSL, HSLA ????????:
HTML-??? ?????? ?????? ? ???? ???? ????????.
HTML-??? ?????? ???????????? ?? ???????
???? ??????? ????? ?? ????? ????? ???????? ????? ????? ???????????? ?????? ????????? ???????????: ????????????? ???????????? ?? (??), ?????? (??????), ?????? (??????), ????? (?????), ??????? (???????) ? ????:
?????? ?????? - ??????
????????????? ????? ???????????? (W3C) ????????? ????????????? ???????? ??.
| ????? | ????? | ????? | ????? | ????? | ????? | ????? | ????? |
|---|---|---|---|---|---|---|---|
| ??? | ?????????? | ?????? | ?????? | ||||
| ????? | ??????? | Aqua | ??????? | ||||
| ?????? | ????? | ??????? | ?????????????? | ||||
| ????????????? | ???????? | ???????? | ????????????? |
?????? ???????? ????????? ??????????? ??????.
??????? ?????? ?? ??????? ?????????
- ??????? ??????»
???????? ?????? ???? ???
???????? ??????????? ???? ???
???????? ??????? ???? ???
?????? ????? ??????? ???? ???
???????? ?????? ???? ???
???????? ??????????? ???? ???
???????? ??????? ???? ???
?????? ????? ??????? ???? ???
RGB-?? ?????? ?????
????????? ?????? ??????? ??????????? ???? ? ?????????? RGB ??????????? ???????? ????? ???????? ? ???? ???????????? ????????. R - ??????, G - ????? (?????), B - ??????? (???????). ????????????? ?????? ?????????????? ?????? ? ??? ?????? ?, ????????, ????? ? ???????? ???????? 0-?? ????? 255: ??????, RGB (255,0,0) ????????? ? ??????, ???? ?? ??????? ????????? ? ?? ?????????? ?????? (255) ? ??????? ????? ? 0-?: ????? ?? ??? ?????? ???????? ????? ?????: ???????????? ?????????????? ????? ? ????? ???????????? ?????? ???????????? ?????????: ??????? rgb(109,0,109) ? rgb (50%, 100%, 50%) ????????? ????????? ????? ????? ?????????????? ????? ??????.
??????. RGB-?? ?????? ?????
- ??????? ??????»
rgb(109,0,109)
rgb (50%, 100%, 50%)
rgb(109,0,109)
rgb (50%, 100%, 50%)
???????? ?????? ??????????? ???????
???????? ? ? ??????? ? ???? ??? ??????????? (HEX) ???????? ????????? ???????? #RRGGBB, ????? RR (??????), GG (?????) ? BB (???????) ??????????? ???????? ?? 00-?? ????? FF (??????, ??? ??????????? 0-?): 255): ??????????? ?????????, ? ????????????? ??????????? ?????????, ??????? ?, ?????? ?? ?????? ????????? ?, 16 ??? ???: ??????????? ????????? ??????????? ? ??????? ??????? 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. ?????? 10-?? 15 ????? ??????????? ?? ????????? ???????: 15-?? ??? ????? ??????????? ??????????? ????? ?????? ?????????? ?? ??? ?????? ???: ??????, ?????????????? ?????????? 255 ???? ??????????????? ? ???????????? ?????????? FF-??: ? ????????????? ??????????? ?????????, ??????????? ???? ????????? ? ?????? ????: # ??????, #00ecec-? ??????????? ? ????? ??????, ???? ?? ??????? ????????? ? ?? ?????????? ?????? (FF), ??? ????? ????????? ????? ?????????? ?????? (00): ??? ???????????? ???? ?????? # ?????? ? ?????????? ?????? ???????, ?????? ?? ????????: Hexadecimal ????????? ????? ? ????? ?????????? #rgb ????? ???, ????? ????????????? ??? ??????? ? ????? ?????: ????????, #f7O ?????? ???? ? ??????? #0075ec:
??????? ????? HEX
- ??????? ??????»
??????? #00ecec
?????? #ec00ec
???????? #ecec00
??????? #00ecec
?????? #ec00ec
???????? #ecec00
??????+?????=?????` #0000ec
??????+???????=??????????????? #00ec00
?????+???????=?????? #ec0000
????? ??????????? ???????? ???? (?????, HEX ? RGB).
| ???????? ????? | ???????? ????? | ????? | HEX | RGB | ||
|---|---|---|---|---|---|---|
| ??????? | ??????? | #07c19c | 229 | 43 | 80 | |
| ??? | ??? | #002dec | 255 | 191 | 0 | |
| Aqua | ??????? ????? | #ec0000 | 0 | 255 | 255 | |
| ?????? | ?????? | #ec6d00 | 0 | 127 | 255 | |
| ??? | ??? | #ececec | 0 | 0 | 0 | |
| ??????? | ??????? | #ecec00 | 0 | 0 | 255 | |
| ????? ????? | ????? ?????? ???? | #ec5736 | 0 | 149 | 182 | |
| ??????? | ??????? | #3746aa | 181 | 166 | 66 | |
| ????????????? | ????????????? | #56a1ec | 150 | 75 | 0 | |
| ????????? | ?????? | #ec7145 | 0 | 123 | 167 | |
| ???? ?????????? ????? | ???? ?????????? ????? | #d57aa7 | 23 | 114 | 69 | |
| ??????? | ??????? | #9c2474 | 80 | 200 | 120 | |
| ?????? | ?????? | #53ec86 | 153 | 0 | 102 | |
| ??????? | ??????? | #00ec00 | 255 | 0 | 255 | |
| ???? | ???? | #0015ec | 250 | 215 | 0 | |
| ?????????? | ?????????? | #6c6c6c | 128 | 128 | 128 | |
| ????? | ????? | #ec00ec | 0 | 255 | 0 | |
| ?????? | ?????? | #a1ec6a | 75 | 0 | 130 | |
| Jade | Jade | #ec4481 | 0 | 168 | 107 | |
| ??????? | ???? | #2000ec | 204 | 255 | 0 | |
| ??????? | ??????? | #e1129b | 11 | 218 | 81 | |
| ???????? | ???? ??????? | #ecec6c | 0 | 0 | 128 | |
| ???? | ???? | #2075ca | 204 | 119 | 34 | |
| ???????? | ???????? | #6c6cec | 128 | 128 | 0 | |
| ??????????? | ??????????? | #0047ec | 255 | 165 | 0 | |
| ???? | ???? | #000738 | 255 | 229 | 180 | |
| ????? | ????? | #0077d4 | 255 | 117 | 24 | |
| ?????????????? | ???????? | #6cec6c | 128 | 0 | 128 | |
| ?????? | ?????? | #00ecec | 255 | 0 | 0 | |
| ?????? | ?????? | #0028bc | 244 | 196 | 48 | |
| ??????? ????? | ????? ??? | #be6195 | 46 | 139 | 87 | |
| ???????? ????? | ??????? | #40355e | 172 | 183 | 142 | |
| ????????????? | ??????? ????? | #ec6c6c | 0 | 128 | 128 | |
| ?????????? | ??????????? | #dae25d | 18 | 10 | 143 | |
| ???????? | ???????? | #61ec00 | 139 | 0 | 255 | |
| ????? | ????? | #0000ec | 255 | 255 | 0 | |
?????? ?????? (???) ??? ?????????????? ? ??????:
???????? ?????? CSS-??? ???????????? ?? ???????? ?????? ?????: ?????????, ???????? ?????? ??? ???????? ????????? ???????????? ?? ????? ?????? ????? (??????? ??????, ????? ??????) ??? ????? ???? (???, ????? ?????) ?????? ?????????? ?????: ????? ????? ?? ??????????? ??? ?????? ??????, ?????????, ???????, ????????? ? ??? ????????? ???????? ??????? ?????:
???? ????? ?? ???????? ??? ???????? ????????? ?????? ??????????: ??????? ????????? ???????? ? ????? ???????? ?????????.
??? ????????? ????? ????????? ?????????? ?? ?????:
CSS Colors - Hex Codes
??????????? ???????? ??????????????? ???????? ??????????? ?: ?????? ????? ??????????? (RR) ?????? ?????? ??, ?????? ??????? ????? ?????? (GG) ? ?????? ??????? ??????? ?????? ?? (BB):
CSS ??????? - ???? ?????????? ?????
???? ??????????? ???????? ??????????? ????? ???????? ???????? ????? ???? ?? ?: ??? ???????? ????????????? ??? ???????? ? ??????? ?????? ???????? ????? ???????? ?????: ??????? #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-??? ?????? ?????? ? ????? ??????????? ?????? ???????????? ??????????? ??? ? ???? ???????? ??????????: ?????? ????? ??????????? ?????? ??????? ? ??????????? ????????? ???? ????? ???????????????:
Hexadecimal ???????
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) ??????? ?????????: ????????? ????????? ??? ?????? ?:
| ?? | + | 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 (CC), 255 (FF). ??? ????????? ??????????? ?????? ????? ? ???????????: ????? ???????? ?????????????????? ???????? ????????? ???? ????? ? 6x6x6 - 216 ?????: ??? ?????? ?????? ? #b90086:
??? ?????? ???????? ??????????????????? ??? ?, ?? ??? ?????? ? ??????????? ????? ??????????????: ??? ????? ??? ???????? ???????????????? ??? ???? ?? ??????????? ????? ?????????? ? ????? ??????????????????? ?????????? ?????????
???????? ??? ?????????
??????? ?????? ????? ??????????, ???????? ????? ?? ?????????? ????????? ??????????? ???????? ?????????: ???????????. 6.3-? ????? ? ????? ?????????? ???????? ?????????:
| ?????? ?????? | ????? | ?????????????? | Hex ?????? |
|---|---|---|---|
| ??? | ??? | #ececec | |
| ??????? | ??????? | #ecec00 | |
| ??????? | ??? - ?????????????? | #00ec00 | |
| ?????????? | ???? ?????????? | #6c6c6c | |
| ????? | ????? | #ec6cec | |
| ??????? | ??? ????? | #ec00ec | |
| ????????????? | ???? ?????? | #6cecec | |
| ???????? | ???? ??????? | #ecec6c | |
| ???????? | ???????? | #6c6cec | |
| ?????????????? | ???? ?????????????? | #6cec6c | |
| ?????? | ?????? | #00ecec | |
| ????? | ??? ?????????? | #2c2c2c | |
| ????????????? | ??????? ????? | #ec6c6c | |
| ?????? | ?????? | #000000 | |
| ????? | ????? | #0000ec |
?????? ??, ?? ?????? ?? ????? ??????` ?? ???????, ?? ???????????? ??????????? ????: ????? ???????????? ??? ????????? ??????? ??: ?????? 6-1-? ????? ? ?????, ?? ?????? ???????? ??? ??? ???? ? ?????? ????????:
?????? 6.1. ???? ? ?????? ??????
?????? ?????
??? ????????? ???? ?????? ?????????? ?? ???????????? ?????? bgcolor ?????????
, ??? ?????? ??????? text ????????? ???????? ?????????????? ????? ????????? ????????? ?????? ?????????? ? ??????????? ????, ??? bgcolor-?? ?????????? ????????? teal:???????? ?????? ????? ???????????? ?? ??????????? ????: ??????????? ?????????, ? ????????????? ??????????? ?????????, ??????? ?, ?????? ?? ?????? ????????? ?, 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 | Chrome | ????? | ?????? | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
???????????? ???????? ?? ???? ???????? ??????????: ???????????. 1-? ????? ? ????? ?????????, ?????????? ????, ????????? RGB, HSL ???????? ? ??????????????:
| ????? | ????? | ???? | RGB | HSL | ?????????????? |
|---|---|---|---|---|---|
| ?????? | #000000 ??? #000000 | rgb (255,255,255) | hsl (0.0%, 100%) | ?????? | |
| ????? | #2c2c2c | rgb (192,192,192) | hsl (0.0%, 75%) | ?????????? | |
| ?????????? | #6c6c6c | rgb (128,128,128) | hsl (0.0%, 50%) | ???? ?????????? | |
| ??? | #ececec ??? #ececec | rgb (0,0,0) | hsl(0,0%,0%) | ??? | |
| ????????????? | #6cecec | rgb (128,0,0) | hsl (0,100%, 25%) | ???? ?????? | |
| ?????? | #00ecec ??? #00ecec | rgb (255,0,0) | hsl (0,100%, 50%) | ?????? | |
| ??????????? | #0047ec | rgb (255,165,0) | hsl (38.8,100%, 50%) | ??????????? | |
| ????? | #0000ec ??? #0000ec | rgb (255,255,0) | hsl (60,100%, 50%) | ????? | |
| ???????? | #6c6cec | rgb (128,128,0) | hsl (60,100%, 25%) | ???????? | |
| ??????? | #ec00ec ??? #ec00ec | rgb (0,255,0) | hsl (120,100%, 50%) | ??? ????? | |
| ????? | #ec6cec | rgb (0,128,0) | hsl (120,100%, 25%) | ????? | |
| ?????? | #ec0000 ??? #ec0000 | rgb (0,255,255) | hsl (180,100%, 50%) | ??????? | |
| ??????? | #ecec00 ??? #ecec00 | rgb (0,0,255) | hsl (240,100%, 50%) | ??????? | |
| ???????? | #ecec6c | rgb (0,0,128) | hsl (240,100%, 25%) | ???? ??????? | |
| ????????????? | #ec6c6c | rgb (0,128,128) | hsl (180,100%, 25%) | ??????? ????? | |
| ??????? | #00ec00 ??? #00ec00 | rgb (255,0,255) | hsl (300,100%, 50%) | ?????????? | |
| ?????????????? | #6cec6c | rgb (128,0,128) | hsl (300,100%, 25%) | ???????? |
RGB-??
| Internet Explorer | Chrome | ????? | ?????? | 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 | Chrome | ????? | ?????? | 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 | Chrome | ????? | ?????? | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL ??????? ????????? ????????? ? Hue (?????), Saturate (???????????????) ? Lightness (???????????) ?????? ???????????????: ?????? ?????? ?????? ? ???????? ????? ??? (??. 1) ? ????? ? ????????????: 0°-? ?????? ?, 120°-?? ?????, ??? 240°-?? ???????: ?????? ?????? ????? ? ???????? 0-?? ????? 359:
?????. 1. ???????? ????
???????????????? ?????? ???????????????? ?, ??? ??????? ? ????? ????? 0%-?? ????? 100%: 0% ?????? ????? ? ????? ?????? ??????????????? ? ??????????? ??????, 100% -? ???????????? ?????????????? ?????? ?:
???????????? ????????? ?, ?? ????? ??? ? ?????? ? ?????? ? ????? ????? 0%-?? ????? 100%: ???? ????????? ?????? ???????? ?? ????? ????, ??????? ????? ????????? ???????? ?? ????? ???, ???????? ????????? 0% ? 100% ??????????????? ?? ???? ? ????????:
HSLA
| Internet Explorer | Chrome | ????? | ?????? | 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. ???????? ??? ?????
11/28/14 11.1K?????, ??????? ??? ???????? ?? ????????? ???? ???????????? ???? ?? ?????? ? ?????? ??????????? ???????? ??????????? ? ?????, 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 (100,186,43)
4. RGBA ???????? - ?? ???????? RGB ?????? ?, ????? ??????? ?????? ????? ? ?????? ???????????????? ??????????? ???????? ?????? 0-?? ????? 1:
??????????? ??????.
???? ??????? rgba (100,86,143,0.2)
???? ??????? rgba (100,86,143,0.5)
???? ??????? rgba (100,86,143,0.8)
???? ??????? rgba (100,86,143,1)
html ???????? ??????????? ? ???????? ????????????
?????? ????????? ???? ???? ?????????? ???? ? ???????: ?????????, ?????? ???????? ????? ? ????????: ??????? ???????? ????????? 147 ???????? ?????????? ????? ?? ?????????????????? ?????? ???????? ??????????? ????? ???????? ??????????????: ???? ???, ????????????? ???? ??????? ? ???????? ????????? ?????????? ?????????: ??? ????????????? ???? ??????????? ? colorscheme.ru ???????.
???? ???????? ?????????????? ???? ??????????? ?????????? ??????? ?????? ???????????? ????? ? ????? ?????: ?? ???? ??, ?? ???????? ???????? ??????????? ?? ?????:
??? ????????? ?????????? ? ???? ?????? ???????????? ??????????? ??????????? ????? ??????? ?? ?????????? ??? ???????????????: ????? ?????????? ????? ? ?? ???? ????????? ?????????:
html-color-codes.info ??????? ???????? ?????????? ??????? ???? ????.
?? color-picker.appsmaster.co ??????????? ????????????? ??? ??????? ?? ???? ??? ???? ? ????????????.
???????????? ????????????? ?????? ???????????????? ?????????? ? ?????? ??????????: ????????????? ?????? ??????????? ? ??? ??????? ?????? ???????? ? ???????????? ???????: ???????? 3 ????????? ??????????? ? ???????? ???? ???????? ??????????:
???? ?????? ?????????? ???????? ? ?? ????? ????????????? ?????????: ????? ????? ?????????? ???????????? ????????? ?? ???????? ????????: ??????, Photoshop:
?????? ??????????????
?? ?? ??? ?????? ??, ????? ????? ??????? ????????????, ????? ????????? ?? ???????? 256 ?????: ??? ?????? ????????? ??????????? ????? ??? ????????? ????? ??????? ???? ??? ??? ???????? ????? ?????????????:
???? ???????? ??????? ???????? ??? ??????? ??? ?????????? ?? 216 ????????, ????? ????? ??? ????? ????????????? ?????????? ??? ????????? ????????????? ???? ??????? ?? ???? ??? ?? ??? ???????» ??? ???????? ? ???? ??????????? ???.
??? ????????????? ???? ??? ?????? ?? ????????, html-??? ?????? ??? ????????? ????????????? ????? ????????? ????????????? ?????????? ??: ? ?????, ??????????? ????????????? ???????? ???????? ? ????? ??? 16 ?????? ?????? ????????: ??? 216 ??????? ???????? ??????????? ?? ???????:
