???? ??????: ???? ???? ???? ??? ?? ???? ???????? ???????? ???? ??? ? ????*??????? ??????? ?? ?????? ????? ?? CSS?HTML5?PHP?Javascript. ???? ??? ????? ???? ????? ????????? ????? ?????? ????? ??? ??? ???? ????? ????? ??? ??? ???? ?????? ????????.

??? ?? ?????? ??????? ?? ?????? CSS2 ??? ??????? ??????? ????????? (Keyword) ?? ??????? ????? ??????? (hexadecimal) ??? ?????? ??????? ?? ?????? ????? CSS3 ????? ??? ?????? ???? ??? ????? ??????? RGB ? ????? ??????? CYMK ????? ??? ??????? ??????? ???????? ? ???? ??? ??? ?? ????? ??????? ?????? ????????? ?????? ??????? ???? ? ???????.

????? ?? ??? ?????? ?? ??????? ???????:
??? ?????? ??????? ??? ??????? ?? ????? ??? CSS?
?? ?? ????? ????????
????? ?????? ??? ?????? ??? ????
?? ?? ??????? ?????? ????? ?? ????? ??????
?? ?? ??????? ???? ???? ????????? ??????? ??????? ???? ?????

[h=3]??? ?????? ????????[/h]????? ???? ???? ???? ????? ???? ???? ????? ? ??: ??? ???????? ?? ???? (color) ??? ??????? (background-color) ??? ?????? (border-color).

[h=3]?? ?? ????? ????????[/h]????? ??? ????? ??????? ?? ????? CSS3.
[h=4]??????? ?????????[/h]?? ??? ???? ???? ??? ??? CSS ????? ??? ????? ?????? ??? ????? ??????? ????? ????? ???? ,?????? ????? ?? ??????? ????????? ?????? ???? ?? ?????? ?????? ???????? ? ????? ????? ???? ???? ????? X11 ???? ????? ??? ??????? ??? ???? ?? 100 ??? ?????? ?????? ?????? ??????? ??????? ?? ??? ?????? Extended color keywords ??? ??????? ???????? ???? ???? ????? 16 ???? ????? ??? ?? ???? ??? ????? ?????????:

???? ??? ???:

div {
background-color: red;
color: blue;
border-color: black;
}
[h=4]????? RGB[/h]
??? ??????? ???? ???????? ?? ??????? ?? ??????? ??? ????? ?? ?? ???? ???? ???? ???? ???? ?? ???? ???? ????? ?????? ?????? ??? ????? ??????? ? ??? ??????? ???????? ?? ?????? Red ? ?????? Green ??????? Blue ???? ?? ???? ??? ??????? ?? ???? ????? ??? ???? ???? ??? ?????? ???? ?? ???? ????? ?????? ? ??????? ?????? ? ??????? ?????? ? ?? ??? ?? ??????? ??????? ????? ????? ?? ??? ? ??? 255 ??? ?? ?????? *???????:

????? ?????? ?? ????? ?????? ?? ??? ????? ?? 0,0,0 ??????? ????? ?? 255,0,0 ????? ??? ???? ?? ??????? ???? ?? ?????? ???? ??? ?????? ?? ?????? ????? 255,255,0 ??? ?? ????? ????????? ?? ??? ??? CSS ??????? ?????? ??? ??? ????? ?????? ?????? ???????:

div {
background-color:rgb(255,0,0);
color: rgb(0,0,255);
border-color: rgb(0,0,0);
}
??? ?????? ????? ????? ????? ??????? ??????? ???? ??? ???? ??? ???? ?????? ?? ??? ???? ?????? ????? ??? ???? ????? ???? ???? 255 ??? 2 ?? ?????? ??????? ??? ????? ?????? rgb(50%,50%,0) ????? ?????? ?????? ???????? ????? ???????:

div {
background-color: rgb(100%,0%,0%);
color: rgb(0%,0%,100%);
border-color: rgb(0%,0%,0%);
}
?????: ?? ?????? ????? ??? ????? ??????? ? ????? ??????? ??? ????? ????? ????? ?????? ??????? rgb( 100%, 255, 128) ??? ??????? ?????? (255*255*255= 16,581,375.00) ?? ????? 16 ????? ??? ??? ??????? ?? ?? ????? ??????? ??? ???? ????? ???? ?????? ?????????.

[h=4]????? HSL[/h]? ?? ????? ?? ??? ????????? ????? ??? RGB ???? ????? ?????? ??? ??? ???????? ?????? ?????? ??????? ?????? ?? ???? ????? (Hue) ? ?? ????? ?? ???? ??? ??????? ??? ????? (??? ?? ??????) ???? ?????? ???? ????? ?? ??? ??? 360 ??? ???? ???????? ??? ?????? ??????? ????? ?? ???? ????? (Saturation) ? ?? ???? ????? ??? ?????? ??????? ??? ???? ?????? ?? ??????? (Lightness) ? ?? ???? ????? ????? ????? ??? ?????? ???? ????? ?? ????? ??? ???? ?? ???? ???? (100%) ?? ?? ???? ???? (0%) ? ???? ??? ??? ??????? ????? ?????? ? ???? (100%) ??????? ????? ?????? ??? ????? ?? ???? ????? ? ?????? ??? ????? ??? ????? ?????? ???? (50%) ? ???? ??? ???? ???? ????? ???????.

? ??? ??? ?????? ??? ?? ???? ??? ??????? ???? ???? ??? ??????? ???????? ???????? ?? ????????? ???????? ??? ???? ????? ?????? ? ??????? ?????? ???? ???? ????? ?????? ?????? ?????? ???? ??????? 60 ? ????? ?????? ?? ??????? 120 ? ?????? 240 ? ????? ????????? 300 ????? ??????? ??? ?? ??? ????? ???? ?? ????????? ?? ???? ????.

?? ???????? ???? ????? ??? ????? HSB ????? HSL ??? ?? ??????? ???? Lightness (???????) ????? Brightness(??????) ??????? ?? ???? ?????? ?? ?????? ?????? ???? ????? ??? ?? ??? ????? ?????? ?? ??????? ????? ???? ??????? ?? ???? ?????? ???? ????? ?????? ??????.
??? ????? ?????? ????? ???? ???? ?? ?? ????????? ?? hsb(0,100%,100%) ????? ?? ???CSS ?? hsl(0,100%,50%) ???? ?? ????? ???? ???????? ????? ??????? ??? ??????? ???? ??????? ?? ????? ??? ??????? ????? ????? ?????? ???? ??? HSL? ????? ???? ?????? ?????? ???? HSL:

div {
background-color: hsl(0,100%,50%);
color: hsl(240,100%,50%);
border-color: hsl(0,0%,0%);
}
(?? ???? ??????? ????? ??????? ???? ?????? ? ???????)
?? ???? ???? HSL ?? ???? ????? ????????? ????? ?? ?????? ?? ???? ????? ??? ????? ?? ???? ????? ????? ?? ????? CSS ????? ??? ????? ????? ?? ???? ?????? ???? ???? ??? ??? ???? ????? ???? ? ?? ?? ??????? ????? ???? ????? ? ???? ???????, ??? ??? ???? RGB ???? ????? ?? ??? ????????? ?? ??? ????????? ? ????? ???? ????? ??? ???????, ???? ??? ??????? ??? ??? ???? HSL ????? ???? ??? ?? ???? ??????? ??? ???? HSL ?????? ?????? ??????.
[h=4]*??? RGBA ?HSLA[/h]??? ???? ??? ????? ??????? ??? ???? ??? ????? ??????? ?? ????? ??? ????? ?????? ? ???? ???? ??? ???????? (alpha) ? ??? ?????? ??????? ?? ???? ???? ??? ??????? ?? ???? ????? ??? ???? ????, ? ????? ??? ???? ?????? ???????:

??? ?? ????? ???? ???? ????????? ??? ?????? ??? ????? ? ?????? ??????? ???? ??? ???? ????? ???? ???? ?????? ? ??? ????? ????? ?????? ???? ????? ??? ?? ??????, ????? ???? ????? ??? ???? ?????? ?????? 0.5 ? ??? ???? ???? ??????? ??? ?????:

h3 {
color: rgba(100%, 50%, 0%, 0.1);
background-color: hsla(240, 100%, 50%, 0.7);
}
??????: ??? ?????? ??? ???? ???????? ?????? ?????? ? ???????? ??? ?? ??? (hsla , rgba) ? ??? ?????? ??????? ?? css3 ? ?? ???????? (opacity) ? ???? ????? ??????? ???? ?????? ? ????? ????? ???? ?????? ??????:

[h=4]????? ???????[/h]? ????? ??? ????? ?????? (??? ??????? ?????????) ?? ????? ????????? ??? ???CSS3 ? ?? ????? ??????? ?? (Hexadecimal Values) ? ??? ????? ?????? ???? ????? ?? ??? ?????? ????? ?????? ????? ?????? 6????? ? ?? ?? ??? ????? ??? ?????? ???? RGB ??? ????? ????? ? ????? ????? ?? ?????? ???????:

???????? ??? ????? ???? ?? ??? ??? ??????? (#) ?? ???? ???? ?? ?? ????? (?? ???? ???? ????? ??? ?????? ?? ???? ????? #ffb ???? ffffbb# ) ????? ??? ????? ?????? ????? ? ????? ? ???? ?????????? ??? ?????? ???? ?????? ? ?? ???? ?? ????????? ????? ??? ????? ???? ??? ?????? ????????? ????? ????? ??? ?????? ?? ??? ??? ?? ??????:

? ????? ??? ????? ??????? ??????? ?????? ????? ?????? ?? ??? ?? ????????? ??????? ? ??????? ? ?????? ? ????? ?????? ??? ????? ???? RGB ??? ????? ???? ????? ??? ??? 16 ????? ??? ?????? ?????? ??????? ? ??????? ???????? ????? ?? ??? ?????? ??? ??? ????? ???? ???????? ??? ?????, ????? ?????? ?????? ???????? ??? ????? ???????:

div {
background-color: #f00;
color: #00f;
border-color: #000;
}
? ??? ???? ?? ???? ?????? ????????? ??????? ???????? ??? ????? (f) ???? ??? ??????? ?????? ?????? ???? (?? 255) , ? ?????? ?????? ???? ???? ?????? ??????? ?????? ? ??????? ?????? (??? ?? RGB ) ??? ???? ????? ??????? ???????? ?????? ??? ?? ?????? ??????.
[h=4]????? ???????[/h]???? ??????? ?? ??? ??????? ??? ?? ????????? ?? ??? ????? ? ??? ????? ?? ??? ?????? ?? ?????????? ??????? ?? ??? ????? ????? ?? ??????? ????? ??????? ??? ???????.
???? ?? ???? ????? ??? ??? ????? ????? ??? ?????? ??????? ????? ??? ???? ???? ????? ???? ???? ???????? ??? ????? ????? ?????? ?????? ?????? ? ??? ???? ??? ??????? ???????? ???? ????? ?????? ? ????? ????? ?????? ??? ???? ??????? ? ??? ??????? ?? ?????? (black) ? ??????? (cyan) ? ????????? (magenta) ? ?????? (yellow) ???? ?? ???? ?? ???? ??????? ??? ??? ????? ???? ??????? ??? ????? ??????? ?? ???????? ???????, ??? ?? ????? ??????? ??? ??? ??????? ?????? ?? 1 ? ???? ????? ?????? ??? 0 ? ??????, ????? ?? ??????? ??????? ??????? ???????,???? ???? ??? ????? ???????:

h3 {
color: cmyk(0.5, 0.1, 0.0, 0.2);
}
??????:*????? ?????? ?? ??????? ???? ??????? ??????? ?????? (Safe Colors) ? ?? ????? ?? ?????? ?????? ???? ????? ????? ?????? ???? ????? ?? ??? ??????? ??????? ? ??????? ? ??? ??? ??? ??????? (????? ??? ????? 8 ??) ?? ?????? ?? ???? ???? ?? 256 ??? ??? ??? ??? ??? ???????? ?????? ????? ????? ??? ?? ??????? ? ?? ????? ???? ??????? ?????? ?????? ????? (Web-safe Colors) ? ?? ????? ?? 216 ??? ???? ????? ?? ?? ??? ?? ????? ???????? ???? ???? ??????? ????? ??? ??? ??? ???? ???????:

[h=3]????? ? ????? ?????? ????? ?? ????? ?????[/h]??? ????? ?? ????? ?? ???? ???? ????? ??????? ?????????? ???? ??????? ? ?????? ??????? ?????? ? ???????? ?? ??????? ?????? ?????? (??? ?????? ????? rgb(255,0,0) ) ??? ??? ??????? ? ???? ???????? ???? ?????? ???? ?????? ?? ??????? ???? ?????? ?? ?????? ??????? ???? ????.
[h=4]Kuler ?? Adobe[/h]???? ?????? ?????? ?????? ?? ??????? ????????? ???? ???? ????????? ????? ??????, ????? ??? ??????? ???? ??????? ????? ? ??????? ????? ?????? ??????? ?? ????? ? ????.

[h=4]????? ColorZilla[/h]???? ?? ??? ??????? ??????? ??????? ?? ??????? ?????? ?????? ??????? ??? ?? ??? ????? ? ????? ????? ?????? ?? ???? ? ?????? ?? ???????? ??????? ???? ????? ??? ????????? ?????? ?????? ???????? ????? ????.

???? ??? ?? ??????? ?? ???? ??? ??? ??????? ??? ????? ??????? ?? ??? ????????? ? ????? (???????) ??? ??? ??????? ???????? ??????? ???????? ??????? ? ??? ????? ?? ????? ????????? ??? ????? ???? ? ???? ????????? ?? ???? ?????????.

[h=3]???????[/h]??? ??? ??????? ?????? ???????? ????? ???? ???? ???? ??????? ?? ????? CSS3:
[h=4]CSS3 Color[/h]
[h=4]A Guide to CSS Colors in Web Design[/h]
[h=4]Can I Use[/h]
[h=4]CSS3 First Look[/h]