ფერის ნომერი 7. სტილში ფერი შეიძლება განისაზღვროს სხვადასხვა გზით: თექვსმეტობითი მნიშვნელობებით, სახელით, RGB, RGBA, HSL, HSLA ფორმატებში. ფერის რიცხვითი მნიშვნელობები
ამ გვერდზე არის ცხრილი საკვანძო სიტყვებით, რომელიც შეიძლება გამოყენებულ იქნას ფერების აღსანიშნავად ისეთ ვებ დეველოპერულ ენებზე, როგორიცაა: HTML, CSS, JavaScript, Flash და ა.შ.
WC3 კონცერნის ძველ სპეციფიკაციებში მხოლოდ 16 საკვანძო სიტყვა იყო რეგისტრირებული, გარდა ამისა, ფერები დაინსტალირებული იყო HTML და CSS-ში. შემდგომ, უფრო აქტუალურ სპეციფიკაციებში, კიდევ 130 საკვანძო სიტყვა დაემატა ბილეთების სახელების მინიჭებისთვის. არსებობს ცხრილი, სადაც ნაჩვენებია ბილეთების სახელები, თექვსმეტობითი და RGB კოდები, რომლებსაც ისინი წარმოადგენენ.
CSS წესების დაცვით, ფერების სახელები არ არის რეზონანსული. IndianRed და indianred ფერების ჩანაწერები ტოლია.
ჩვენ ასევე ვაფასებთ, რომ ცხრილში 146 საკვანძო სიტყვით, მასში რეალურად ნაკლები მოთხოვნაა. ეს ნიშნავს, რომ ყველა საკვანძო სიტყვა ნიშნავს ერთსა და იმავე ფერს. ამგვარად, სახელები Grey და Grey მიუთითებს 50-ას მეასე სერიის ფერზე # 808080 კოდით, ხოლო სიტყვა Magenta სინონიმია HTML ფერის Fuchsia-სთან, თექვსმეტობითი კოდის # FF00FF-ის მსგავსი. ასევე სინონიმი სიტყვები Aqua და Cyan, stinks შეესაბამება კოდი # 00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML ფერები წარმოდგენილია ექვსი სიმბოლოთი დახრილობის სიმბოლოს შემდეგ - მაგალითად, #000000. ეს ექვსი სიმბოლო წარმოადგენს სხვადასხვა ფერის ნაწილებს (წითელი, მწვანე, ლურჯი) ქვეჩანთის ფერში. თქვენი კომპიუტერის მონიტორზე სურათები იქმნება დიდი რაოდენობით წერტილებისგან, რომლებსაც პიქსელები ეწოდება. კანის პიქსელი არის სინათლის პატარა ნაჭერი, რომელსაც ეწოდება "ლიჩტარიკი", რომელიც შედგება სამი ღია ფერისგან - წითელი, მწვანე და ლურჯი. სხვადასხვა ფერის განათების შუქის ინტენსივობის შეცვლით ან გაზრდით ვირჩევთ საჭირო ფერს.
html კოდების დატოვება
ფერები HTML-ში აღინიშნება თექვსმეტობითი (HEX) მნიშვნელობებით, რომლებიც ცვლის წითელს, ლურჯს და მწვანეს (RGB).
ყველაზე პატარა ფერის მნიშვნელობა არის 0 (თექვსმეტობითი 00). ყველაზე მაღალი ფერის მნიშვნელობა არის 255 (თექვსმეტობითი FF).
ფერის თექვსმეტობითი მნიშვნელობა აქვს სამი ციფრის, რომელიც იწყება # ნიშნით.
ბილეთების კოდები (ღირებულებები).
| ფერი | HEX კოდი | RGB კოდი |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
16 მილიონი ერთეული
წითელი, ლურჯი და მწვანე ფერის კომბინაცია კანის ფერის მნიშვნელობებით 0-დან 255-მდე იძლევა მთლიანობაში 16 მილიონზე მეტ ერთეულს (256 x 256 x 256).
მიმდინარე წარმოების მონიტორების უმეტესობა აჩვენებს მინიმუმ 16,384 სხვადასხვა ფერს (კომპიუტერის მონიტორები, ძირითადად, 262 ათას 16 მლნ. (განახლებულია ჟოვტნის შესახებ 2013)ფერები და EPT მონიტორებს შეუძლიათ პრაქტიკულად აჩვენონ ფერების შეზღუდული რაოდენობა).
ქვემოთ მოცემულ ფერთა ცხრილში შეგიძლიათ შეცვალოთ წითელი ფერის ნაწილი 0-დან 255-მდე ნულოვანი მნიშვნელობებით ლურჯი და მწვანე ფერებისთვის:
| წითელი ოქრო | HEX კოდი | RGB კოდი |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080000 | rgb(8,0,0) | |
| #100000 | rgb(16,0,0) | |
| #180000 | rgb(24,0,0) | |
| #200000 | rgb(32,0,0) | |
| #280000 | rgb(40,0,0) | |
| #300000 | rgb(48,0,0) | |
| #380000 | rgb(56,0,0) | |
| #400000 | rgb(64,0,0) | |
| #480000 | rgb(72,0,0) | |
| #500000 | rgb(80,0,0) | |
| #580000 | rgb(88,0,0) | |
| #600000 | rgb(96,0,0) | |
| #680000 | rgb(104,0,0) | |
| #700000 | rgb(112,0,0) | |
| #780000 | rgb(120,0,0) | |
| #800000 | rgb(128,0,0) | |
| #880000 | rgb(136,0,0) | |
| #900000 | rgb(144,0,0) | |
| #980000 | rgb(152,0,0) | |
| #A00000 | rgb(160,0,0) | |
| #A80000 | rgb(168,0,0) | |
| #B00000 | rgb(176,0,0) | |
| #B80000 | rgb(184,0,0) | |
| #C00000 | rgb(192,0,0) | |
| #C80000 | rgb (200,0,0) | |
| #D00000 | rgb(208,0,0) | |
| #D80000 | rgb(216,0,0) | |
| #E00000 | rgb(224,0,0) | |
| #E80000 | rgb(232,0,0) | |
| #F00000 | rgb(240,0,0) | |
| #F80000 | rgb(248,0,0) | |
| #FF0000 | rgb(255,0,0) |
ნაცრისფერი ჩრდილები
რუხი ფერის ჩრდილების მოსაშორებლად, ყველა ფერის თანაბარი ნაწილები ვიკორიზებულია. იმისათვის, რომ თქვენთვის სასურველი ფერის არჩევა გაგიადვილოთ, ჩვენ შემოგთავაზებთ რუხი ფერის ჩრდილების კოდებს
| ნაცრისფერი ჩრდილები | HEX კოდი | RGB კოდი |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080808 | rgb(8,8,8) | |
| #101010 | rgb(16,16,16) | |
| #181818 | rgb(24,24,24) | |
| #202020 | rgb(32,32,32) | |
| #282828 | rgb (40,40,40) | |
| #303030 | rgb(48,48,48) | |
| #383838 | rgb(56,56,56) | |
| #404040 | rgb(64,64,64) | |
| #484848 | rgb(72,72,72) | |
| #505050 | rgb(80,80,80) | |
| #585858 | rgb(88,88,88) | |
| #606060 | rgb(96,96,96) | |
| #686868 | rgb(104,104,104) | |
| #707070 | rgb(112,112,112) | |
| #787878 | rgb(120,120,120) | |
| #808080 | rgb(128,128,128) | |
| #888888 | rgb(136,136,136) | |
| #909090 | rgb(144,144,144) | |
| #989898 | rgb(152,152,152) | |
| #A0A0A0 | rgb(160,160,160) | |
| #A8A8A8 | rgb(168,168,168) | |
| #B0B0B0 | rgb(176,176,176) | |
| #B8B8B8 | rgb(184,184,184) | |
| #C0C0C0 | rgb(192,192,192) | |
| #C8C8C8 | rgb (200,200,200) | |
| #D0D0D0 | rgb(208,208,208) | |
| #D8D8D8 | rgb(216,216,216) | |
| #E0E0E0 | rgb(224,224,224) | |
| #E8E8E8 | rgb(232,232,232) | |
| #F0F0F0 | rgb(240,240,240) | |
| #F8F8F8 | rgb(248,248,248) | |
| #FFFFFF | rgb(255,255,255) |
ბრაუზერის ჯვარედინი (ყველა ბრაუზერისთვის) html ფერების სახელები
150 ვიქტორინის სათაურის კოლექცია html-ში, მხარდაჭერილი ყველა ბრაუზერში.
სტანდარტიზებული ფერის სახელები
W3C კონსორციუმი განაახლებს HTML და CSS ბილეთების 16 მოქმედ სახელს: aqua, შავი, ლურჯი, ფუქსია, ნაცრისფერი, მწვანე, ცაცხვი, ყავისფერი (წაბლისფერი), საზღვაო (ულტრამარინი), ზეთისხილი (ზეთისხილი), მეწამული (იისფერი), წითელი ( წითელი), ვერცხლისფერი (ვერცხლისფერი), ჩაისფერი (ლურჯი), თეთრი (თეთრი) და ყვითელი (ყვითელი).
ფერების არჩევისას, რომლებიც არ შედის ამ სიაში, უფრო სწორი იქნება მათი თექვსმეტობითი კოდის (HEX) ან RGB კოდის გამოყენება.
უსაფრთხო ფერები
სამწუხაროა, რომ თუ კომპიუტერებს შეეძლოთ მაქსიმუმ 256 სხვადასხვა ფერის მხარდაჭერა, ისინი შექმნიდნენ 216 „უსაფრთხო ვებ ფერების“ სიას სისტემისთვის დაცული 40 კვოტით.
ეს 216 ფერის პალიტრა შეიქმნა იმისათვის, რომ სწორად წარმოაჩინოს ფერი 256 ფერის რეჟიმში.
ახლა ამას არ აქვს მნიშვნელობა, რადგან მთელს მსოფლიოში კომპიუტერების უმეტესობა მხარს უჭერს მილიონობით სხვადასხვა ფერს. ნებისმიერ დროს, არსებობს ამ ბილეთების სია:
| 000000 | 000033 | 000066 | 000099 | 0000cc | 0000 FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300cc | 3300 FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600cc | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900cc | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
html თვისებების ცხრილი (პალიტრა).გაძლევთ შესაძლებლობას დამოუკიდებლად აირჩიოთ თქვენთვის სასურველი ტონი. ფერის მნიშვნელობები ნაჩვენებია სამ ფორმატში: Hex, RGB და HSV.
- Hex შედგება სამი ან ორი სიმბოლური მნიშვნელობისგან მეთექვსმეტე რიცხვის სისტემაში. მაგალითად: #ff00b3, რიცხვების პირველი წყვილი წითელია, მეორე მწვანე, მესამე კი ლურჯი.
- RGB (RedGreenBlue) ჰგავს "200,100,255", რაც მიუთითებს შესაბამისი ტონის (წითელი, მწვანე, ლურჯი) სიძლიერეს გამომავალ ფერში.
- HSV (Hue, Saturation, Value - ტონი, გაჯერება, მნიშვნელობა) - ფერის მოდელი, რომელშიც კოორდინატებია:
- ელფერი - ფერადი ტონი, შეიძლება მერყეობდეს 0°-დან 360°-მდე.
- სატურაცია - გაჯერება, მერყეობს 0-100 და 0-1 შორის. რაც უფრო დიდია ეს პარამეტრი, მით უფრო „სუფთაა“ ფერი, ამიტომ ამ პარამეტრს ზოგჯერ ფერის სისუფთავეს უწოდებენ. და რაც უფრო ახლოს არის ეს პარამეტრი ნულთან, მით უფრო ახლოს არის ფერი ნეიტრალურ ნაცრისფერთან.
- მნიშვნელობა (ფერის მნიშვნელობა) - ადგენს სიკაშკაშეს, მნიშვნელობა შეიძლება განსხვავდებოდეს 0-100 ან 0-1 შორის.
შეიყვანეთ ფერის კოდი: წადი
ფერების სია სახელებით
ცხრილმა ხელახლა მოაწყო ფერების სახელები ინგლისურად (რომელიც შეიძლება შეიცვალოს მნიშვნელობაში), მხარდაჭერილი ბრაუზერების მიერ და მათი თექვსმეტობითი მნიშვნელობები. ყველა გადამუშავებული ფერი "უსაფრთხოა" ისე, რომ ყველა ბრაუზერი ერთნაირად გამოჩნდება.
| სახელის ფერი | HEX | ფერი |
|---|---|---|
| შავი | #000000 | |
| საზღვაო ძალები | #000080 | |
| Მუქი ლურჯი | #00008B | |
| საშუალო ლურჯი | #0000CD | |
| ლურჯი | #0000FF | |
| Მუქი მწვანე | #006400 | |
| მწვანე | #008000 | |
| ჩაისფერი | #008080 | |
| მუქი ცისფერი | #008B8B | |
| DeepSkyBlue | #00BFF | |
| მუქი ფირუზისფერი | #00CED1 | |
| საშუალო გაზაფხული მწვანე | #00FA9A | |
| ცაცხვი | #00FF00 | |
| SpringGreen | #00FF7F | |
| აკვა | #00FFFF | |
| ციანი | #00FFFF | |
| შუაღამის ლურჯი | #191970 | |
| დოჯერ ბლუ | #1E90FF | |
| ღია ზღვის მწვანე | #20B2AA | |
| ტყის მწვანე | #228B22 | |
| ზღვის მწვანე | #2E8B57 | |
| მუქი სლატე ნაცრისფერი | #2F4F4F | |
| Მწვანე | #32CD32 | |
| საშუალო ზღვის მწვანე | #3CB371 | |
| ფირუზისფერი | #40E0D0 | |
| სამეფო ლურჯი | #4169E1 | |
| ფოლადის ლურჯი | #4682B4 | |
| მუქი ფილის ლურჯი | #483D8B | |
| საშუალო ფირუზისფერი | #48D1CC | |
| ინდიგო | #4B0082 | |
| მუქი ზეთისხილისფერი | #556B2F | |
| კადეტი ლურჯი | #5F9EA0 | |
| სიმინდისფერი ლურჯი | #6495ED | |
| საშუალო აკვამარინი | #66CDAA | |
| დიმგრეი | #696969 | |
| SlateBlue | #6A5ACD | |
| ზეთისხილის დრაბი | #6B8E23 | |
| ფიქალის ნაცრისფერი | #708090 | |
| LightSlateGray | #778899 | |
| MediumSlateBlue | #7B68EE | |
| LawnGreen | #7CFC00 | |
| ჩარტრეუზი | #7FFF00 | |
| აკვამარინი | #7FFFD4 | |
| მარუნი | #800000 | |
| იასამნისფერი | #800080 | |
| ზეთისხილის | #808000 | |
| რუხი | #808080 | |
| SkyBlue | #87CEEB | |
| LightSkyBlue | #87 CEFA | |
| ლურჯი იისფერი | #8A2BE2 | |
| Მუქი წითელი | #8B0000 | |
| DarkMagenta | #8B008B | |
| SaddleBrown | #8B4513 | |
| მუქი ზღვის მწვანე | #8FBC8F | |
| Ღია მწვანე | #90EE90 | |
| საშუალო იასამნისფერი | #9370D8 | |
| მუქი იისფერი | #9400D3 | |
| Ღია მწვანე | #98FB98 | |
| მუქი ორქიდეა | #9932CC | |
| Ყვითელი მწვანე | #9ACD32 | |
| სიენა | #A0522D | |
| ყავისფერი | #A52A2A | |
| Მუქი ნაცრისფერი | #A9A9A9 | |
| Ცისფერი | #ADD8E6 | |
| მწვანე ყვითელი | #ADFF2F | |
| ფერმკრთალი ფირუზისფერი | #AFEEEE | |
| ღია ფოლადის ლურჯი | #B0C4DE | |
| ფხვნილი ლურჯი | #B0E0E6 | |
| FireBrick | #B22222 | |
| მუქი ოქროსფერი როდი | #B8860B | |
| საშუალო ორქიდეა | #BA55D3 | |
| როზი ბრაუნი | #BC8F8F | |
| მუქი ხაკი | #BDB76B | |
| ვერცხლი | #C0C0C0 | |
| საშუალო იისფერი წითელი | #C71585 | |
| ინდური წითელი | #CD5C5C | |
| პერუს | #CD853F | |
| შოკოლადი | #D2691E | |
| თან | #D2B48C | |
| Ღია ნაცრისფერი | #D3D3D3 | |
| ღია იისფერი წითელი | #D87093 | |
| ეკალი | #D8BFD8 | |
| ორქიდეა | #DA70D6 | |
| ოქროს როდი | #DAA520 | |
| ჟოლოსფერი | #DC143C | |
| გეინსბორო | #DCDCDC | |
| ქლიავი | #DDA0DD | |
| ბურლივუდი | #DEB887 | |
| ღია ციანი | #E0FFFF | |
| ლავანდა | #E6E6FA | |
| მუქი ორაგული | #E9967A | |
| იისფერი | #EE82EE | |
| PaleGoldenRod | #EEE8AA | |
| ლაითკორალი | #F08080 | |
| ხაკი | #F0E68C | |
| AliceBlue | #F0F8FF | |
| HoneyDew | #F0FFF0 | |
| ცისფერი | #F0FFFF | |
| სენდიბრაუნი | #F4A460 | |
| ხორბალი | #F5DEB3 | |
| კრემისფერი | #F5F5DC | |
| თეთრი კვამლი | #F5F5F5 | |
| პიტნის კრემი | #F5FFFA | |
| GhostWhite | #F8F8FF | |
| ორაგული | #FA8072 | |
| ანტიკვარული თეთრი | #FAEBD7 | |
| თეთრეული | #FAF0E6 | |
| ღია ოქროსფერი როდყვითელი | #FAFAD2 | |
| Old Lace | #FDF5E6 | |
| წითელი | #FF0000 | |
| ფუქსია | #FF00FF | |
| მაგენტა | #FF00FF | |
| ღრმა ვარდისფერი | #FF1493 | |
| ნარინჯისფერი წითელი | #FF4500 | |
| Პომიდორი | #FF6347 | |
| Ვარდისფერი | #FF69B4 | |
| მარჯანი | #FF7F50 | |
| მუქი ნარინჯისფერი | #FF8C00 | |
| ღია ორაგული | #FFA07A | |
| ნარინჯისფერი | #FFA500 | |
| Ღია ვარდისფერი | #FFB6C1 | |
| ვარდისფერი | #FFC0CB | |
| ოქრო | #FFD700 | |
| PeachPuff | #FFDAB9 | |
| ნავახო თეთრი | #FFDEAD | |
| მოკასინი | #FFE4B5 | |
| ბისკვიტი | #FFE4C4 | |
| MistyRose | #FFE4E1 | |
| გათეთრებული ნუში | #FFBCD | |
| PapayaWhip | #FFFD5 | |
| ლავანდისფერი | #FFF0F5 | |
| SeaShell | #FFF5EE | |
| სიმინდის აბრეშუმი | #FFF8DC | |
| ლიმონის ჩიფონი | #FFFACD | |
| ყვავილოვანი თეთრი | #FFFFAF0 | |
| თოვლი | #FFFAFA | |
| ყვითელი | #FFFF00 | |
| Ღია ყვითელი | #FFFFFE0 | |
| სპილოს ძვლისფერი | #FFFFFF0 | |
| თეთრი | #FFFFFF |
CSS-ში საკმაოდ კოდები გამოიყენება ფერების დასამატებლად. როგორც წესი, ფერის კოდი ან ფერის მნიშვნელობები გამოიყენება ფერის დასაყენებლად ან ელემენტის წინა პლანზე (მაგალითად, ტექსტის ფერი, ფონი) ან ელემენტის ფონისთვის (ფონის ფერი, ბლოკი). ისინი ასევე შეიძლება გამოყენებულ იქნას ღილაკების, საზღვრების, მარკერების და სხვა დეკორატიული ეფექტების ფერის შესაცვლელად.
თქვენ შეგიძლიათ დააყენოთ თქვენი საკუთარი ფერის მნიშვნელობები სხვადასხვა ფორმატში. შემდეგი ცხრილი შეიცავს ყველა შესაძლო ფორმატს:
ქვემოთ მოცემულია კაპიტალური რემონტის ფორმატის უფრო დეტალური აღწერა.
CSS ფერები - თექვსმეტი კოდი
თექვსმეტი ფერის კოდი- ეს არის ფერის ექვსნიშნა გამოვლინება. პირველი ორი ციფრი (RR) არის წითელი მნიშვნელობები, მეორე ორი არის მწვანე მნიშვნელობები (GG), ხოლო დანარჩენი არის ლურჯი მნიშვნელობები (BB).
CSS ფერები - მოკლე თექვსმეტი კოდი
მოკლე თექვსმეტი ფერის კოდი- ეს არის ექვსსიმბოლოიანი აღნიშვნის მოკლე ფორმა. ამ ფორმატში კანის ნომერი მეორდება ექვივალენტური ექვსნიშნა ფერის მნიშვნელობის შესაქმნელად. მაგალითად: #0F0 ხდება #00FF00.
მეთექვსმეტე მნიშვნელობის აღება შესაძლებელია ნებისმიერი გრაფიკული პროგრამული უზრუნველყოფიდან, როგორიცაა Adobe Photoshop, Core Draw და ა.შ.
თითოეული თექვსმეტობითი კოდის ფერი CSS-ში შეიცვლება ჰეშის ნიშნით "#". ჩამოწიეთ თექვსმეტობითი მნიშვნელობების კონდახი.
Colori CSS - RGB მნიშვნელობები
RGB მნიშვნელობები- ეს არის ფერის კოდი, რომელიც მითითებულია დამატებითი სიმძლავრის rgb (). ძალაუფლების მნიშვნელობა სამ მნიშვნელობას იძენს: თითო წითელზე, მწვანესა და ლურჯზე. მნიშვნელობები შეიძლება იყოს მთელი რიცხვი, 0-დან 255-მდე, ან ასობით.
Შენიშვნა:ყველა ბრაუზერს არ უჭერს მხარს power rgb() ფერი, ამიტომ მისი გამოყენება არ არის რეკომენდებული.
ქვემოთ არის კონდახი, რომელიც აჩვენებს ფერების რაოდენობას სხვადასხვა RGB მნიშვნელობებით.
ფერის კოდის გენერატორი
თქვენ შეგიძლიათ შექმნათ მილიონობით ფერადი კოდი ჩვენი სერვისის გამოყენებით.
უსაფრთხო ბრაუზერის ფერები
ქვემოთ მოცემულია ცხრილი 216 ფერისგან, რომლებიც ყველაზე უსაფრთხო და დამოუკიდებელია კომპიუტერისგან. ეს ფერები CSS-ში მერყეობს 000000-დან FFFFFF თექვსმეტობით კოდამდე. ჩვენ გარანტიას ვაძლევთ, რომ ყველა კომპიუტერი სწორად აჩვენებს ფერს 256 ფერის პალიტრასთან მუშაობისას.
| "უსაფრთხო" ფერების ცხრილი CSS-ში | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
CSS ფერის მოდული ნათლად აღწერს მნიშვნელობებს, რომლებიც ავტორებს საშუალებას აძლევს მიუთითონ HTML ელემენტების ფერი და სიცხადე, ასევე ფერის სიმძლავრის მნიშვნელობები.
powervisity ფერი
1. პრიორიტეტული ფერები: ძალა ფერი
ავტორიტეტი ადგენს შრიფტის ფერს სხვადასხვა ფერის გადაცემის სისტემების გამოყენებით. Power აღწერს ტექსტის ელემენტის ფერს. გარდა ამისა, იგი გამოიყენება პოტენციური არაპირდაპირი მნიშვნელობის (currentColor) უზრუნველსაყოფად ნებისმიერი სხვა ავტორიტეტებისთვის, რომლებიც იღებენ ფერის მნიშვნელობას.
ძალა იკლებს.
2. ფერის მნიშვნელობა
2.1. ძირითადი საკვანძო სიტყვები
ძირითადი საკვანძო სიტყვების სია მოიცავს შემდეგ მნიშვნელობებს:
| სახელი | HEX | RGB | ფერი |
|---|---|---|---|
| შავი | #000000 | 0,0,0 | |
| ვერცხლი | #C0C0C0 | 192,192,192 | |
| ნაცრისფერი | #808080 | 128,128,128 | |
| თეთრი | #FFFFFF | 255,255,255 | |
| შავგვრემანი | #800000 | 128,0,0 | |
| წითელი | #FF0000 | 255,0,0 | |
| მეწამული | #800080 | 128,0,128 | |
| ფუქსია | #FF00FF | 255,0,255 | |
| მწვანე | #008000 | 0,128,0 | |
| ცაცხვი | #00FF00 | 0,255,0 | |
| ზეთისხილის | #808000 | 128,128,0 | |
| ყვითელი | #FFFF00 | 255,255,0 | |
| საზღვაო | #000080 | 0,0,128 | |
| ლურჯი | #0000FF | 0,0,255 | |
| ჩაისფერი | #008080 | 0,128,128 | |
| აკვა | #00FFFF | 0,255,255 |
მომხმარებელთა სახელები არ არის მგრძნობიარე რეესტრის მიმართ.
სინტაქსი
ფერი: ჩაისფერი;
2.2. ფერის რიცხვითი მნიშვნელობები
2.2.1. Colori მოდელები RGB
RGB მნიშვნელობის ფორმატი თექვსმეტობით ფორმატში არის # ნიშანი, რომელსაც მოჰყვება სამი ან ექვსი თექვსმეტობითი სიმბოლო. სამნიშნა RGB აღნიშვნა #rgb გარდაიქმნება ექვსნიშნა ფორმაში #rrggbb რიცხვების კოპირებით და არა ნულების მიმატებით. მაგალითად, #fb0 ფართოვდება #ffbb00-მდე. ეს იძლევა გარანტიას, რომ თეთრი #ffffff შეიძლება შევიდეს მოკლე ჩანაწერში #fff და გამორიცხავს ნებისმიერ განსხვავებას ეკრანის ფერის მიხედვით.
ფუნქციური აღნიშვნის RGB მნიშვნელობის ფორმატი არის rgb (მოჰყვება სამი რიცხვითი მნიშვნელობის სია (ან სამი მთელი რიცხვი, ან სამი პროცენტული მნიშვნელობა), რასაც მოჰყვება სიმბოლო). მთელი მნიშვნელობა 255 წარმოადგენს 100% და F ან FF თექვსმეტობითი აღნიშვნით:
Rgb (255,255,255) \u003d rgb (100%, 100%, 100%) \u003d #FFF
ინტერვალის სიმბოლოები დაშვებულია რიცხვით მნიშვნელობებში.