რა არის მწვანე კოდი. სტილში ფერის დაყენება შესაძლებელია სხვადასხვა გზით: თექვსმეტობითი მნიშვნელობით, სახელით, RGB, RGBA, HSL, HSLA ფორმატში

ეს გვერდი შეიცავს ცხრილს საკვანძო სიტყვებით, რომლებიც შეიძლება გამოყენებულ იქნას ფერების აღსანიშნავად ვებ განვითარების ისეთ ენებში, როგორიცაა: HTML, CSS, JavaScript, Flash და ა.შ.

ძველ WC3 სპეციფიკაციაში მხოლოდ 16 საკვანძო სიტყვა იყო დაწერილი, რომლებითაც ფერები დაყენებული იყო HTML-სა და CSS-ში. მოგვიანებით, უფრო თანამედროვე სპეციფიკაციებში, კიდევ 130 საკვანძო სიტყვა დაემატა ფერების სახელების აღსანიშნავად. შემდეგი ცხრილი შეიცავს ფერების სახელებს, თექვსმეტობით და RGB კოდებს, რომლებსაც ისინი შეესაბამება.

CSS წესების მიხედვით, ფერების სახელები არ არის რეგისტრირებული. ფერების ჩანაწერები IndianRed და Indianred არის ექვივალენტური.

ასევე აღსანიშნავია, რომ ცხრილის 146 საკვანძო სიტყვიდან მასში რეალურად ნაკლები ფერია. ეს იმიტომ ხდება, რომ ზოგიერთი საკვანძო სიტყვა ეხება იმავე ფერს. ასე რომ, სახელები Grey და Grey ნიშნავს 50 პროცენტიან ნაცრისფერს კოდით #808080, ხოლო სიტყვა Magenta არის HTML სინონიმი ფუქსიას ფერისთვის, რომელიც შეესაბამება თექვსმეტობითი კოდი #FF00FF. სიტყვები Aqua და Cyan ასევე სინონიმებია, ისინი შეესაბამება კოდს #00FFFF.

ფერის სახელი HTML და CSS-ში HEX RGB
წითელი ტონები:
ინდური წითელი#CD5C5C205, 92, 92
ლაითკორალი#F08080240, 128, 128
ორაგული#FA8072250, 128, 114
მუქი ორაგული#E9967A233, 150, 122
ღია ორაგული#FFA07A255, 160, 122
ჟოლოსფერი#DC143C220, 20, 60
წითელი#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
მუქი წითელი#8B0000139, 0, 0
ვარდისფერი ტონები:
ვარდისფერი#FFC0CB255, 192, 203
ღია ვარდისფერი#FFB6C1255, 182, 193
ვარდისფერი#FF69B4255, 105, 180
ღრმა ვარდისფერი#FF1493255, 20, 147
საშუალო იისფერი წითელი#C71585199, 21, 133
ღია იისფერი წითელი#DB7093219, 112, 147
ნარინჯისფერი ტონები:
ღია ორაგული#FFA07A255, 160, 122
მარჯანი#FF7F50255, 127, 80
პომიდორი#FF6347255, 99, 71
ნარინჯისფერი წითელი#FF4500255, 69, 0
მუქი ნარინჯისფერი#FF8C00255, 140, 0
ნარინჯისფერი#FFA500255, 165, 0
ყვითელი ტონები:
ოქრო#FFD700255, 215, 0
ყვითელი#FFFF00255, 255, 0
Ღია ყვითელი#FFFFE0255, 255, 224
ლიმონის ჩიფონი#FFFACD255, 250, 205
ღია ოქროსფერი ყვითელი#FAFAD2250, 250, 210
პაპაიას მათრახი#FFFD5255, 239, 213
მოკასინი#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
პალეგოლდენროდი#EEE8AA238, 232, 170
ხაკი#F0E68C240, 230, 140
მუქი ხაკი#BDB76B189, 183, 107
იასამნისფერი ტონები:
ლავანდა#E6E6FA230, 230, 250
ეკალი#D8BFD8216, 191, 216
ქლიავი#DDA0DD221, 160, 221
იისფერი#EE82EE238, 130, 238
ორქიდეა#DA70D6218, 112, 214
ფუქსია#FF00FF255, 0, 255
მაგენტა#FF00FF255, 0, 255
საშუალო ორქიდეა#BA55D3186, 85, 211
საშუალო მეწამული#9370DB147, 112, 219
ლურჯი იისფერი#8A2BE2138, 43, 226
მუქი იისფერი#9400D3148, 0, 211
მუქი ორქიდეა#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
იასამნისფერი#800080 128, 0, 128
ინდიგო#4B008275, 0, 130
ფიქალის ლურჯი#6A5ACD106, 90, 205
მუქი ფილისფერი ლურჯი#483D8B72, 61, 139
ყავისფერი ტონები:
სიმინდის აბრეშუმი#FFF8DC255, 248, 220
გათეთრებული ნუში#FFBCD255, 235, 205
ბისკვიტი#FFE4C4255, 228, 196
ნავახო თეთრი#FFDEAD255, 222, 173
ხორბალი#F5DEB3245, 222, 179
ბურლივუდი#DEB887222, 184, 135
თან#D2B48C210, 180, 140
როზი ბრაუნი#BC8F8F188, 143, 143
სენდი ბრაუნი#F4A460244, 164, 96
გოლდენროდი#DAA520218, 165, 32
მუქი ოქროსფერი როდი#B8860B184, 134, 11
პერუს#CD853F205, 133, 63
შოკოლადი#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
სიენა#A0522D160, 82, 45
ყავისფერი#A52A2A165, 42, 42
შავგვრემანი#800000 128, 0, 0
ძირითადი ფერები:
შავი#000000 0, 0, 0
ნაცრისფერი#808080 128, 128, 128
ვერცხლი#C0C0C0192, 192, 192
თეთრი#FFFFFF255, 255, 255
ფუქსია#FF00FF255, 0, 255
იასამნისფერი#800080 128, 0, 128
წითელი#FF0000255, 0, 0
შავგვრემანი#800000 128, 0, 0
ყვითელი#FFFF00205, 92, 92
ზეთისხილის#808000 240, 128, 128
ცაცხვი#00FF00250, 128, 114
მწვანე#008000 233, 150, 122
აკვა#00FFFF205, 92, 92
ჩაისფერი#008080 240, 128, 128
ლურჯი#0000FF250, 128, 114
საზღვაო ძალები#000080 233, 150, 122
ფერის სახელი HTML და CSS-ში HEX RGB
მწვანე ტონები:
მწვანე ყვითელი#ADFF2F173, 255, 47
ჩარტრეიზი#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
ცაცხვი#00FF000, 255, 0
Მწვანე#32CD3250, 205, 50
ღია მწვანე#98FB98152, 251, 152
Ღია მწვანე#90EE90144, 238, 144
საშუალო გაზაფხული მწვანე#00FA9A0, 250, 154
გაზაფხულის მწვანე#00FF7F0, 255, 127
საშუალო ზღვის მწვანე#3CB37160, 179, 113
ზღვის მწვანე#2E8B5746, 139, 87
ტყის მწვანე#228B2234, 139, 34
მწვანე#008000 0, 128, 0
მუქი მწვანე#006400 0, 100, 0
ყვითელი მწვანე#9ACD32154, 205, 50
ზეთისხილის დრაბი#6B8E23107, 142, 35
ზეთისხილის#808000 128, 128, 0
მუქი ზეთისხილისფერი#556B2F85, 107, 47
საშუალო აკვამარინი#66CDAA102, 205, 170
მუქი ზღვის მწვანე#8FBC8F143, 188, 143
ღია ზღვის მწვანე#20B2AA32, 178, 170
მუქი ცისფერი#008B8B0, 139, 139
ჩაისფერი#008080 0, 128, 128
ლურჯი ტონები:
აკვა#00FFFF0, 255, 255
ციანი#00FFFF0, 255, 255
ღია ციანი#E0FFFF224, 255, 255
პალეტირუზი#AFEEEE175, 238, 238
აკვამარინი#7FFFD4127, 255, 212
ფირუზისფერი#40E0D064, 224, 208
საშუალო ფირუზისფერი#48D1CC72, 209, 204
მუქი ფირუზისფერი#00CED10, 206, 209
კადეტი ლურჯი#5F9EA095, 158, 160
ფოლადის ლურჯი#4682B470, 130, 180
ღია ფოლადის ლურჯი#B0C4DE176, 196, 222
ფხვნილი ლურჯი#B0E0E6176, 224, 230
ცისფერი#ADD8E6173, 216, 230
ცისფერი#87CEEB135, 206, 235
LightSkyBlue#87 CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
დოჯერ ბლუ#1E90FF30, 144, 255
სიმინდისფერი ლურჯი#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
სამეფო ლურჯი#4169E165, 105, 225
ლურჯი#0000FF0, 0, 255
საშუალო ლურჯი#0000CD0, 0, 205
მუქი ლურჯი#00008B0, 0, 139
საზღვაო ძალები#000080 0, 0, 128
შუაღამის ლურჯი#191970 25, 25, 112
თეთრი ტონები:
თეთრი#FFFFFF255, 255, 255
თოვლი#FFFAFA255, 250, 250
თაფლისფერი#F0FFF0240, 255, 240
პიტნის კრემი#F5FFFA245, 255, 250
ცისფერი#F0FFFF240, 255, 255
ალისა ბლუ#F0F8FF240, 248, 255
მოჩვენება თეთრი#F8F8FF248, 248, 255
თეთრი კვამლი#F5F5F5245, 245, 245
ზღვის ნაჭუჭი#FFF5EE255, 245, 238
კრემისფერი#F5F5DC245, 245, 220
ძველი მაქმანი#FDF5E6253, 245, 230
ყვავილოვანი თეთრი#FFFAF0255, 250, 240
სპილოს ძვლისფერი#FFFFF0255, 255, 240
ანტიკვარული თეთრი#FAEBD7250, 235, 215
თეთრეული#FAF0E6250, 240, 230
ლავანდისფერი#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
ნაცრისფერი ტონები:
გეინსბორო#DCDCDC220, 220, 220
ღია ნაცრისფერი#D3D3D3211, 211, 211
ღია ნაცრისფერი#D3D3D3211, 211, 211
ვერცხლი#C0C0C0192, 192, 192
მუქი ნაცრისფერი#A9A9A9169, 169, 169
მუქი ნაცრისფერი#A9A9A9169, 169, 169
ნაცრისფერი#808080 128, 128, 128
ნაცრისფერი#808080 128, 128, 128
დიმ გრეი#696969 105, 105, 105
დიმგრეი#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
LightSlate Grey#778899 119, 136, 153
SlateGray#708090 112, 128, 144
SlateGrey#708090 112, 128, 144
მუქი სლატე ნაცრისფერი#2F4F4F47, 79, 79
მუქი სლატე ნაცრისფერი#2F4F4F47, 79, 79
შავი#000000 0, 0, 0

თექვსმეტობითი რიცხვები გამოიყენება ფერების დასაზუსტებლად. თექვსმეტობითი სისტემა, ათწილადი სისტემისგან განსხვავებით, ეფუძნება, როგორც მისი სახელი გულისხმობს, რიცხვს 16. რიცხვები იქნება შემდეგი: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. რიცხვები 10-დან 15-მდე იცვლება ლათინური ასოებით. თექვსმეტობით სისტემაში 15-ზე მეტი რიცხვები იქმნება ორი რიცხვის ერთში გაერთიანებით. მაგალითად, რიცხვი 255 ათწილადში შეესაბამება რიცხვს FF თექვსმეტობით. რიცხვთა სისტემის განმარტებაში დაბნეულობის თავიდან ასაცილებლად, თექვსმეტობით რიცხვს წინ უძღვის ჰეშის სიმბოლო #, მაგალითად #666999. სამი ფერიდან თითოეულს - წითელ, მწვანე და ლურჯი - შეუძლია მიიღოს მნიშვნელობები 00-დან FF-მდე. ამრიგად, ფერის აღნიშვნა დაყოფილია სამ კომპონენტად #rrggbb, სადაც პირველი ორი სიმბოლო აღნიშნავს ფერის წითელ კომპონენტს, ორი შუა აღნიშნავს მწვანეს, ხოლო ბოლო ორი აღნიშნავს ლურჯს. დასაშვებია შემოკლებული ფორმის #rgb გამოყენება, სადაც თითოეული სიმბოლო უნდა გაორმაგდეს. ამრიგად, ჩანაწერი #fe0 უნდა ჩაითვალოს როგორც #ffee00.

სახელით

Internet Explorer ქრომი ოპერა Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

ბრაუზერები მხარს უჭერენ ზოგიერთ ფერს სახელით. მაგიდაზე. 1 აჩვენებს სახელებს, თექვსმეტობით კოდს, მნიშვნელობებს RGB, HSL ფორმატში და აღწერილობაში.

ჩანართი 1. ფერების სახელები
სახელი ფერი Კოდი RGB HSL აღწერა
თეთრი #fffff ან #fff rgb(255,255,255) hsl(0.0%,100%) თეთრი
ვერცხლი #c0c0c0 rgb(192,192,192) hsl(0.0%,75%) ნაცრისფერი
ნაცრისფერი #808080 rgb(128,128,128) hsl(0.0%,50%) Მუქი ნაცრისფერი
შავი #000000 ან #000 rgb(0,0,0) hsl(0,0%,0%) შავი
შავგვრემანი #800000 rgb(128,0,0) hsl(0,100%,25%) Მუქი წითელი
წითელი #ff0000 ან #f00 rgb(255,0,0) hsl(0,100%,50%) წითელი
ფორთოხალი #ffa500 rgb(255,165,0) hsl(38.8,100%,50%) ნარინჯისფერი
ყვითელი #ffff00 ან #ff0 rgb(255,255,0) hsl(60,100%,50%) ყვითელი
ზეთისხილის #808000 rgb(128,128,0) hsl(60,100%,25%) ზეთისხილის
ცაცხვი #00ff00 ან #0f0 rgb(0,255,0) hsl(120,100%,50%) ღია მწვანე
მწვანე #008000 rgb(0,128,0) hsl(120,100%, 25%) მწვანე
აკვა #00ffff ან #0ffff rgb(0,255,255) hsl(180,100%,50%) ლურჯი
ლურჯი #0000ff ან #00f rgb(0,0,255) hsl(240,100%,50%) ლურჯი
საზღვაო #000080 rgb(0,0,128) hsl(240,100%,25%) მუქი ლურჯი
ჩაისფერი #008080 rgb(0,128,128) hsl(180,100%,25%) ლურჯი მწვანე
ფუქსია #ff00ff ან #f0f rgb(255,0,255) hsl(300,100%,50%) ვარდისფერი
იასამნისფერი #800080 rgb(128,0,128) hsl(300,100%, 25%) იისფერი

RGB-ით

Internet Explorer ქრომი ოპერა Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

თქვენ შეგიძლიათ განსაზღვროთ ფერი წითელი, მწვანე და ლურჯი მნიშვნელობების გამოყენებით ათობითი თვალსაზრისით. სამი ფერის კომპონენტიდან თითოეული იღებს მნიშვნელობას 0-დან 255-მდე. ასევე მისაღებია ფერის დაყენება პროცენტულად, ხოლო 100% შეესაბამება რიცხვს 255. ჯერ მითითებულია rgb საკვანძო სიტყვა, შემდეგ კი ფერის კომპონენტები. მითითებულია ფრჩხილებში, გამოყოფილი მძიმეებით, მაგალითად rgb(255 , 128, 128) ან rgb(100%, 50%, 50%).

RGBA

Internet Explorer ქრომი ოპერა Safari 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 ქრომი ოპერა Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

HSL ფორმატის სახელწოდება წარმოიქმნება პირველი ასოების Hue (hue), Saturate (გაჯერება) და Lightness (სიმსუბუქე) კომბინაციით. Hue არის ფერის მნიშვნელობა ფერის ბორბალზე (ნახ. 1) და მითითებულია გრადუსებში. 0° არის წითელი, 120° არის მწვანე და 240° არის ლურჯი. ფერის მნიშვნელობა შეიძლება განსხვავდებოდეს 0-დან 359-მდე.

ბრინჯი. 1. ფერადი ბორბალი

გაჯერება არის ფერის ინტენსივობა, რომელიც იზომება პროცენტულად 0%-დან 100%-მდე. მნიშვნელობა 0% მიუთითებს ფერის არარსებობაზე და ნაცრისფერი ელფერით, 100% არის მაქსიმალური გაჯერების მნიშვნელობა.

სიმსუბუქე ადგენს რამდენად კაშკაშა ფერია და მითითებულია პროცენტულად 0%-დან 100%-მდე. მცირე მნიშვნელობები ფერს მუქს ხდის, ხოლო მაღალი მნიშვნელობები უფრო ნათელს ხდის, ექსტრემალური მნიშვნელობები 0% და 100% შეესაბამება შავ-თეთრს.

HSLA

Internet Explorer ქრომი ოპერა Safari 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 ფერის მოდული დეტალურად აღწერს მნიშვნელობებს, რომლებიც ავტორებს საშუალებას აძლევს განსაზღვრონ html ელემენტების ფერები და გამჭვირვალობა, ასევე ფერის თვისებების მნიშვნელობები.

ფერის თვისება

1. პრიორიტეტული ფერები: ფერის თვისება

თვისება ადგენს შრიფტის ფერს სხვადასხვა რენდერის სისტემის გამოყენებით. თვისება აღწერს ელემენტის ტექსტის შინაარსის ფერს. იგი ასევე გამოიყენება პოტენციური არაპირდაპირი მნიშვნელობის (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. RGB მოდელის ფერები

RGB მნიშვნელობის ფორმატი თექვსმეტობით არის # ნიშანი, რასაც მოჰყვება სამი ან ექვსი თექვსმეტობითი სიმბოლო. სამნიშნა RGB აღნიშვნა #rgb გარდაიქმნება ექვსნიშნა ფორმაში #rrggbb ციფრების კოპირებით და არა ნულების მიმატებით. მაგალითად, #fb0 ფართოვდება #ffbb00-მდე. ეს უზრუნველყოფს, რომ თეთრი #ffffff შეიძლება იყოს მითითებული #fff სტენოგრამაში და აშორებს ნებისმიერ დამოკიდებულებას ეკრანის ფერის სიღრმეზე.

RGB მნიშვნელობის ფორმატი ფუნქციურ ნოტაციაში არის rgb (მოჰყვება სამი რიცხვითი მნიშვნელობის მძიმით გამოყოფილი სია (ან სამი მთელი რიცხვი ან სამი პროცენტული მნიშვნელობა), რასაც მოჰყვება სიმბოლო). მთელი რიცხვი 255 შეესაბამება 100% და F ან FF თექვსმეტობითი აღნიშვნით:

rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF

რიცხვითი მნიშვნელობების ირგვლივ დაშვებულია ინტერვალის სიმბოლოები.

ვებ დიზაინში ფერის წარმოდგენის რამდენიმე გზა არსებობს.

HEX არის თექვსმეტობითი სისტემა ფერების 16-ე ფუძეში წარმოსადგენად. ამ სისტემისთვის, არაბული ათობითი ციფრები 0-დან 9-მდე და ლათინური ასოები A-დან F-მდე გამოიყენება ციფრული რიცხვის შესავსებად 16-მდე. ვებ დიზაინისთვის, 16 ძირითადი (გასაღები) ფერი. , ეგრეთ წოდებული თექვსმეტობითი ფერის კოდი #RRGGBB, სადაც თითოეული წყვილი პასუხისმგებელია ფერის თავის წილზე: RR - წითელი, GG - მწვანე და BB - ლურჯი. თითოეული ფერის ფრაქცია მერყეობს 00-დან FF-მდე.

ვებ-დიზაინში კიდევ ორი ​​ფერის გამოსახულებაა: RGB(*,*,*) სახით, სადაც ფერის თითოეული "*" ნაწილი წარმოდგენილია ათობითი ციფრებით 0-დან 255-მდე და ფერის სახელებით ინგლისურად.

ფერადი გამოსახულების შექმნისას მთავარი პრობლემაა ფერების სწორი რეპროდუცირება სხვადასხვა ტიპის კომპიუტერებზე, მონიტორებსა და ბრაუზერებზე. თუ ბრაუზერს არ შეუძლია ფერის სწორად გადმოცემა, ის ემთხვევა ან აერთიანებს რამდენიმე ფერს. და ზოგჯერ ის შეიძლება შეიცვალოს რაღაც სრულიად განსხვავებული ფერით.

მაგიდა 16 ძირითადი ფერი, რომლებიც გამოიყენება ყველა ბრაუზერში

სახელი ფერი თექვსმეტი (RGB)
აკვა (ზღვის ტალღა) #00FFFF (000,255,255)
შავი (შავი) #000000 (000,000,000)
ლურჯი (ლურჯი) #0000FF (000,000,255)
ფუქსია (ფუქსია) #FF00FF (255,000,255)
ნაცრისფერი (ნაცრისფერი) #808080 (128,128,128)
მწვანე (მწვანე) #008000 (000,128,000)
ცაცხვი (ნათელი მწვანე) #00FF00 (000,255,000)
მარუნი (შავიფერი) #800000 (128,000,000)
საზღვაო (მუქი ლურჯი) #000080 (000,000,128)
ზეთისხილი (ზეთისხილი) #808000 (128,128,000)
იასამნისფერი (იისფერი) #800080 (128,000,128)
წითელი (წითელი) #FF0000 (255,000,000)
ვერცხლი (ვერცხლი) #C0C0C0 (192,192,192)
ჩაისფერი (ნაცრისფერი მწვანე) #008080 (000,128,128)
თეთრი (თეთრი) #FFFFFF (255,255,255)
ყვითელი (ყვითელი) #FFFF00 (255,255,000)

მაგიდა იასამნისფერიფერები და ჩრდილები

სახელი ფერი თექვსმეტი (RGB)
მაგენტა (მაჯენტა) #FFCBDB (255,203,219)
მაგენტა (მაჯენტა) #FF0099 (255,000,153)
მაგენტა (მაჯენტა) #F95A61 (249,090,097)
ფუქსია (ფუქსია) #FF00FF (255,000,255)
Mauveine (ანილინის მეწამული) #EF0097 (239,000,151)
ორაგული ვარდისფერი (ნარინჯისფერი ვარდისფერი) #FF91A4 (255,145,164)
სენისი (მაგენტას ჩრდილი) #DE3163 (153,149,140)
ბადრიჯანი ბადრიჯანი (ბადრიჯანი) #990066 (153,000,132)
ლავანდის რუჯი (ვარდისფერი ლავანდა)  #FFF0F5 (255,240,245)
იასამნისფერი (იასამნისფერი) #C8A2C8 (200,162,200)
მაგენტა (მაჯენტა) #FF008F (255,000,143)
ორქიდეა (ორქიდეა) #DA70D6 (218,112,214)
წითელ-იისფერი (იისფერი-წითელი) #C71585 (199,021,133)
სანგვინი (სანგინი) #92000A (146,000,010)
ეკალი (მაჯენტის ჩრდილი) #D8BFD8 (185,211,238)
იისფერი ბადრიჯანი (მაჯენტას ჩრდილი) #991199 (153,017,153)
Rosa vivo (მდიდარი ვარდისფერი) #FF007F (255,000,127)
ლავანდა-ვარდი (იისფერი ელფერით) #FBA0E3 (108,123,139)
Mountbatten ვარდისფერი (Mounbatten pink) #997ABD (153,122,141)

მაგიდა ნაცრისფერიფერები და ჩრდილები

სახელი ფერი თექვსმეტი (RGB)
ნაცრისფერი (ნაცრისფერი) #808080 (128,128,128)
ნაცრისფერი (ნაცრისფერი) #ბებებე (190,190,190)
(ნაცრისფერი ელფერით) #858585 (133,133,133)
რუხი33 (ნაცრისფერი-33) #545454 (084,084,084)
(ნაცრისფერი ფიქალი) #708090 (112,128,144)
(კვარცი) #99958с (153,149,140)
(Ღია ნაცრისფერი) #bbbbbb (187,187,187)
(ვერცხლი) #c0c0c0 (192,192,192)
(ნაცრისფერი თეთრი) #f0f0f0 (240,240,240)
(აბდელ-კერიმის წვერი) #e0e0e0 (224,224,224)
ღია ნაცრისფერი (ღია ნაცრისფერი) #d3d3d3 (211,211,211)
LightStateGray () #778899 (119,136,153)
StateGray-1 (მკრთალი სიმინდისფერი ლურჯი1) #c6e2ff (198,226,255)
StateGray-2 (მკრთალი სიმინდისფერი ლურჯი2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)

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#00BFFF
მუქი ფირუზისფერი#00CED1
საშუალო გაზაფხული მწვანე#00FA9A
ცაცხვი#00FF00
გაზაფხულის მწვანე#00FF7F
აკვა#00FFFF
ციანი#00FFFF
შუაღამის ლურჯი#191970
დოჯერ ბლუ#1E90FF
ღია ზღვის მწვანე#20B2AA
ტყის მწვანე#228B22
ზღვის მწვანე#2E8B57
მუქი სლატე ნაცრისფერი#2F4F4F
Მწვანე#32CD32
საშუალო ზღვის მწვანე#3CB371
ფირუზისფერი#40E0D0
სამეფო ლურჯი#4169E1
ფოლადის ლურჯი#4682B4
მუქი ფილისფერი ლურჯი#483D8B
საშუალო ფირუზისფერი#48D1CC
ინდიგო#4B0082
მუქი ზეთისხილისფერი#556B2F
კადეტი ლურჯი#5F9EA0
სიმინდისფერი ლურჯი#6495ED
საშუალო აკვამარინი#66CDAA
დიმ გრეი#696969
ფიქალის ლურჯი#6A5ACD
ზეთისხილის დრაბი#6B8E23
SlateGray#708090
LightSlateGray#778899
MediumSlateBlue#7B68EE
LawnGreen#7CFC00
ჩარტრეიზი#7FFF00
აკვამარინი#7FFFD4
შავგვრემანი#800000
იასამნისფერი#800080
ზეთისხილის#808000
ნაცრისფერი#808080
ცისფერი#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
ალისა ბლუ#F0F8FF
თაფლისფერი#F0FFF0
ცისფერი#F0FFFF
სენდი ბრაუნი#F4A460
ხორბალი#F5DEB3
კრემისფერი#F5F5DC
თეთრი კვამლი#F5F5F5
პიტნის კრემი#F5FFFA
მოჩვენება თეთრი#F8F8FF
ორაგული#FA8072
ანტიკვარული თეთრი#FAEBD7
თეთრეული#FAF0E6
ღია ოქროსფერი როდყვითელი#FAFAD2
ძველი მაქმანი#FDF5E6
წითელი#FF0000
ფუქსია#FF00FF
მაგენტა#FF00FF
ღრმა ვარდისფერი#FF1493
ნარინჯისფერი წითელი#FF4500
პომიდორი#FF6347
ვარდისფერი#FF69B4
მარჯანი#FF7F50
მუქი ნარინჯისფერი#FF8C00
ღია ორაგული#FFA07A
ნარინჯისფერი#FFA500
ღია ვარდისფერი#FFB6C1
ვარდისფერი#FFC0CB
ოქრო#FFD700
PeachPuff#FFDAB9
ნავახო თეთრი#FFDEAD
მოკასინი#FFE4B5
ბისკვიტი#FFE4C4
MistyRose#FFE4E1
გათეთრებული ნუში#FFBCD
პაპაიას მათრახი#FFFD5
ლავანდისფერი#FFF0F5
ზღვის ჭურვი#FFF5EE
სიმინდის აბრეშუმი#FFF8DC
ლიმონის ჩიფონი#FFFACD
ყვავილოვანი თეთრი#FFFAF0
თოვლი#FFFAFA
ყვითელი#FFFF00
Ღია ყვითელი#FFFFE0
სპილოს ძვლისფერი#FFFFF0
თეთრი#FFFFFF