ფერების ცხრილი html lavender. სტილის ფერი შეიძლება განისაზღვროს სხვადასხვა გზით: თექვსმეტობითი მნიშვნელობებით, სახელწოდებით, RGB, RGBA, HSL, HSLA ფორმატით. Colori CSS - RGB მნიშვნელობები
მოდული CSS ფერინათლად აღწერს მნიშვნელობებს, რომლებიც ავტორებს საშუალებას აძლევს განსაზღვრონ html ელემენტების ფერი და სიცხადე, ასევე ფერის მნიშვნელობები.
დენის ფერი
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 შეიძლება გამოყენებულ იქნას როგორც მითითება მოკლე ჩანაწერში #ffff და აშორებს ნებისმიერ განსხვავებას ეკრანის ფერის მიხედვით.
ფუნქციური აღნიშვნის RGB მნიშვნელობის ფორმატი არის rgb(, რასაც მოჰყვება სამი გამოყოფილი სია რიცხვითი მნიშვნელობები(ან სამი მთელი რიცხვი ან სამი ათობითი მნიშვნელობა), რასაც მოჰყვება სიმბოლო) . მთელი რიცხვი 255 შეესაბამება 100% და F ან FF თექვსმეტობითი აღნიშვნით:
RGB(255,255,255) = RGB(100%, 100%, 100%) = #FFF
ცარიელი სიმბოლოები დაშვებულია რიცხვითი მნიშვნელობების გვერდით.
ფერების დასაყენებლად გამოიყენება თექვსმეტობითი კოდების რიცხვები. მეთექვსმეტე სისტემა, მეათე სისტემის ნაცვლად, ეფუძნება, როგორც მისი სახელიდან ჩანს, რიცხვი 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 | Chrome | ოპერა | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
ბრაუზერები მხარს უჭერენ სხვადასხვა ფერებს მათი სახელების უკან. Მაგიდაზე 1 მითითებულია სახელი, თექვსმეტობითი კოდი, მნიშვნელობები RGB, HSL ფორმატში და აღწერილობაში.
| მე ვარ | კოლირი | კოდი | RGB | HSL | აღწერა |
|---|---|---|---|---|---|
| თეთრი | #ffffff ან #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 | Chrome | ოპერა | 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 | Chrome | ოპერა | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA ფორმატი სინტაქსით RGB-ის მსგავსია, მაგრამ მოიცავს ალფა არხს, რომელიც განსაზღვრავს ელემენტის სიცხადეს. მნიშვნელობები 0 მიუთითებს გაზრდილ სიცხადეზე, 1 - სიცხადის ნაკლებობაზე, ხოლო შუალედური მნიშვნელობები 0.5 დონეზე - სრული სიცხადე.
CSS3-ის RGBA გაფართოებები მოითხოვს თავად CSS კოდის ვალიდაციას ამ ვერსიისთვის. გთხოვთ გაითვალისწინოთ, რომ CSS3 სტანდარტი ჯერ კიდევ დამუშავების პროცესშია და შესაძლოა შეიცვალოს. მაგალითად, ემატება RGB ფორმატის ფერი დენის ფონი-ფერი გადის ვალიდაციას და აღარ არის დამატებები ფონზე. ამ შემთხვევაში, ბრაუზერებს ზოგადად სწორად ესმით ამ და სხვა სიმძლავრის ფერი.
HSL
| Internet Explorer | Chrome | ოპერა | Safari | 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 | ოპერა | 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. ფერი ვებ გვერდზე
ამისთვის html გვერდებიმეთექვსმეტე სისტემაში მნიშვნელოვანია ფერები. ამ მიზეზით, კოდის ჩასაწერად შეგიძლიათ გამოიყენოთ ორი ტიპის კოდი - გარე ან უფრო მოკლე. იმისათვის, რომ სწორად შეიყვანოთ html ფერი ახალი ჩანაწერით, თქვენ უნდა დაწეროთ ექვსი სიმბოლო (რიცხვები ან/და ინგლისური ასოები) ჰეშის შემდეგ, მაგალითად, შავი იწერება ასე: #000000. html ფერის კოდის აბრევიატურა შედგება ჰეშის ნიშნისგან და მის უკან სამი რიცხვისა და/ან ასოსგან. ამით დანიური სახეობააქციების დამატება შესაძლებელია მხოლოდ იმ შემთხვევაში, როდესაც მოცემული ფერის ახალი ჩანაწერი შედგება იმავე სიმბოლოებისგან ბადის შემდეგ. მაგალითად, ეს შავი ფერი შეიძლება ჩაიწეროს ასე: #000. HTML ფერები შეიძლება მიეთითოს როგორც დიდი, ისე პატარა სიმბოლოებით, თუმცა ისინი რეგისტრირებულია.
ტყავის სიმბოლო, რომელიც დაწერილია "#"-ის შემდეგ, წარმოადგენს წითელი, მწვანე და ლურჯი ფერების სიმღერის ნაწილს. ფაქტობრივად, ყველა მონიტორი შედგება დიდი რაოდენობით პიქსელებისგან (მიკროსკოპული წერტილები), რომლებიც მოიცავს 3 ეგრეთ წოდებულ "ნათებას" (ნათებს): წითელი, მწვანე და ლურჯი. შემდეგ, შუქის ინტენსივობის რეგულირებით, რაც ხელს უწყობს ამ „ნათურებს“, მონიტორი აჩვენებს ჩვენთვის საჭირო ფერს.
წითელი, ლურჯი და მწვანე შუქის ინტენსივობის ცვლილებით (0-დან 256-მდე), მონიტორებს შეუძლიათ 16,000,000 სხვადასხვა ფერის ჩვენება.
ასევე, ფერები ვებსაიტებისთვის შეიძლება იყოს მითითებული სიტყვიერად ან RGB კოდით.
დღეის მდგომარეობით ზეპირად 147 ფერის დაწერაა შესაძლებელი. თუმცა, მნიშვნელოვანია იცოდეთ, რომ სხვადასხვა სახელები შეიძლება ნიშნავდეს სხვადასხვა ფერს, მაგალითად, ნაცრისფერი და რუხი ფერების სერიაა (#808080).
უსაფრთხო ფერები ვებსაიტებისთვის.
არცერთ მონიტორს ან ბრაუზერს არ შეუძლია სწორად აჩვენოს ყველა 16 მილიონი HTML ფერი.
თუ, მაგალითად, ფერი დამახინჯებულია, რომელი ბრაუზერი არ ჩანს სწორად, მაშინ:
- ბრაუზერი ცვლის მას იმით, რომელიც ყველაზე მეტად ჰგავს მეორეს და შეიძლება წარმატებით შეიქმნას;
- სათანადო ჩვენებისთვის, ბრაუზერს შეუძლია რამდენიმე ფერის შერევა და შედეგის მიღება.
იმის უზრუნველსაყოფად, რომ გამომავალი ფერი გამოჩნდეს ნებისმიერ ბრაუზერში და ნებისმიერ მონიტორზე კოდში მითითებული ფერით, რეკომენდებულია ვიკორის "უსაფრთხო ფერების" გამოყენება. სუნი დადგინდა არა ხელით ან რა მიზეზით, არამედ მათემატიკურად. ასეთი 100% უსაფრთხო ფერები html დოკუმენტებიეს არის 216. მიუხედავად იმისა, რომ დღევანდელი ტექნოლოგიები მიიღწევა იმ დონემდე, რომ დღევანდელი მონიტორები და ბრაუზერები აღიარებენ მილიონობით სურათს, ჩვენ გირჩევთ გამოიყენოთ ისინი უსაფრთხოდ, რათა უზრუნველყოთ ფერების და ფერების გადაცემა.
| მეთექვსმეტე ფერის სისტემა. | RGB ფერის კოდები (წითელი, მწვანე, ლურჯი). |
| HTML ფერის კოდი: #000000 | RGB ფერი: 0 0 0 |
| HTML ფერის კოდი: #333333 | RGB ფერი: 51 51 51 |
| HTML ფერის კოდი: #666666 | RGB ფერი: 102 102 102 |
| HTML ფერის კოდი: #999999 | RGB ფერი: 153 153 153 |
| HTML ფერის კოდი: #CCCCCC | RGB ფერი: 204 204 204 |
| HTML ფერის კოდი: #FFFFFF | RGB ფერი: 255 255 255 |
| HTML ფერის კოდი: #666600 | RGB ფერი: 102 102 0 |
| HTML ფერის კოდი: #999900 | RGB ფერი: 153 153 0 |
| HTML ფერის კოდი: #999933 | RGB ფერი: 153 153 51 |
| HTML ფერის კოდი: #999966 | RGB ფერი: 153 153 102 |
| HTML ფერის კოდი: #CCCC33 | RGB ფერი: 204 204 51 |
| HTML ფერის კოდი: #CCCC66 | RGB ფერი: 204 204 102 |
| HTML ფერის კოდი: #333300 | RGB ფერი: 51 51 0 |
| HTML ფერის კოდი: #666633 | RGB ფერი: 102 102 51 |
| HTML ფერის კოდი: #CCCC99 | RGB ფერი: 204 204 153 |
| HTML ფერის კოდი: #CCFF33 | RGB ფერი: 204 255 51 |
| HTML ფერის კოდი: #CCFF00 | RGB ფერი: 204 255 0 |
| HTML ფერის კოდი: #CCFF66 | RGB ფერი: 204 255 102 |
| HTML ფერის კოდი: #669900 | RGB ფერი: 102 153 0 |
| HTML ფერის კოდი: #99CC33 | RGB ფერი: 153 204 51 |
| HTML ფერის კოდი: #99CC00 | RGB ფერი: 153 204 0 |
| HTML ფერის კოდი: #99CC66 | RGB ფერი: 153 204 102 |
| HTML ფერის კოდი: #99FF33 | RGB ფერი: 153 255 51 |
| HTML ფერის კოდი: #99FF00 | RGB ფერი: 153 255 0 |
| HTML ფერის კოდი: #336600 | RGB ფერი: 51 102 0 |
| HTML ფერის კოდი: #669933 | RGB ფერი: 102 153 51 |
| HTML ფერის კოდი: #66CC33 | RGB ფერი: 102 204 51 |
| HTML ფერის კოდი: #66CC00 | RGB ფერი: 102 204 0 |
| HTML ფერის კოდი: #99FF66 | RGB ფერი: 153 255 102 |
| HTML ფერის კოდი: #CCFF99 | RGB ფერი: 204 255 153 |
| HTML ფერის კოდი: #009900 | RGB ფერი: 0 153 0 |
| HTML ფერის კოდი: #339900 | RGB ფერი: 51 153 0 |
| HTML ფერის კოდი: #33CC00 | RGB ფერი: 51 204 0 |
| HTML ფერის კოდი: #33FF00 | RGB ფერი: 51 255 0 |
| HTML ფერის კოდი: #66FF33 | RGB ფერი: 102 255 51 |
| HTML ფერის კოდი: #66FF00 | RGB ფერი: 102 255 0 |
| HTML ფერის კოდი: #00CC33 | RGB ფერი: 0 204 51 |
| HTML ფერის კოდი: #33CC33 | RGB ფერი: 51 204 51 |
| HTML ფერის კოდი: #00CC00 | RGB ფერი: 0 204 0 |
| HTML ფერის კოდი: #00FF00 | RGB ფერი: 0 255 0 |
| HTML ფერის კოდი: #00FF33 | RGB ფერი: 0 255 51 |
| HTML ფერის კოდი: #33FF33 | RGB ფერი: 51 255 51 |
| HTML ფერის კოდი: #003300 | RGB ფერი: 0 51 0 |
| HTML ფერის კოდი: #336633 | RGB ფერი: 51 102 51 |
| HTML ფერის კოდი: #669966 | RGB ფერი: 102 153 102 |
| HTML ფერის კოდი: #66CC66 | RGB ფერი: 102 204 102 |
| HTML ფერის კოდი: #99CC99 | RGB ფერი: 153 204 153 |
| HTML ფერის კოდი: #CCFFCC | RGB ფერი: 204 255 204 |
| HTML ფერის კოდი: #006600 | RGB ფერი: 0 102 0 |
| HTML ფერის კოდი: #339933 | RGB ფერი: 51 153 51 |
| HTML ფერის კოდი: #00FF66 | RGB ფერი: 0 255 102 |
| HTML ფერის კოდი: #33FF66 | RGB ფერი: 51 255 102 |
| HTML ფერის კოდი: #66FF66 | RGB ფერი: 102 255 102 |
| HTML ფერის კოდი: #99FF99 | RGB ფერი: 153 255 153 |
| HTML ფერის კოდი: #009933 | RGB ფერი: 0 153 51 |
| HTML ფერის კოდი: #00CC66 | RGB ფერი: 0 204 102 |
| HTML ფერის კოდი: #33CC66 | RGB ფერი: 51 204 102 |
| HTML ფერის კოდი: #00FF99 | RGB ფერი: 0 255 153 |
| HTML ფერის კოდი: #33FF99 | RGB ფერი: 51 255 153 |
| HTML ფერის კოდი: #66FF99 | RGB ფერი: 102 255 153 |
| HTML ფერის კოდი: #006633 | RGB ფერი: 0 102 51 |
| HTML ფერის კოდი: #009966 | RGB ფერი: 0 153 102 |
| HTML ფერის კოდი: #339966 | RGB ფერი: 51 153 102 |
| HTML ფერის კოდი: #00CC99 | RGB ფერი: 0 204 153 |
| HTML ფერის კოდი: #33CC99 | RGB ფერი: 51 204 153 |
| HTML ფერის კოდი: #66CC99 | RGB ფერი: 102 204 153 |
| HTML ფერის კოდი: #009999 | RGB ფერი: 0 153 153 |
| HTML ფერის კოდი: #33CCCC | RGB ფერი: 51 204 204 |
| HTML ფერის კოდი: #00FFCC | RGB ფერი: 0 255 204 |
| HTML ფერის კოდი: #33FFCC | RGB ფერი: 51 255 204 |
| HTML ფერის კოდი: #66FFCC | RGB ფერი: 102 255 204 |
| HTML ფერის კოდი: #99FFCC | RGB ფერი: 153 255 204 |
| HTML ფერის კოდი: #00CCCC | RGB ფერი: 0 204 204 |
| HTML ფერის კოდი: #00FFFF | RGB ფერი: 0 255 255 |
| HTML ფერის კოდი: #33FFFF | RGB ფერი: 51 255 255 |
| HTML ფერის კოდი: #66FFFF | RGB ფერი: 102 255 255 |
| HTML ფერის კოდი: #99FFFF | RGB ფერი: 153 255 255 |
| HTML ფერის კოდი: #CCFFFF | RGB ფერი: 204 255 255 |
| HTML ფერის კოდი: #336666 | RGB ფერი: 51 102 102 |
| HTML ფერის კოდი: #006666 | RGB ფერი: 0 102 102 |
| HTML ფერის კოდი: #669999 | RGB ფერი: 102 153 153 |
| HTML ფერის კოდი: #339999 | RGB ფერი: 51 153 153 |
| HTML ფერის კოდი: #66CCCC | RGB ფერი: 102 204 204 |
| HTML ფერის კოდი: #99CCCC | RGB ფერი: 153 204 204 |
| HTML ფერის კოდი: #003333 | RGB ფერი: 0 51 51 |
| HTML ფერის კოდი: #0099CC | RGB ფერი: 0 153 204 |
| HTML ფერის კოდი: #3399CC | RGB ფერი: 51 153 204 |
| HTML ფერის კოდი: #00CCFF | RGB ფერი: 0 204 255 |
| HTML ფერის კოდი: #33CCFF | RGB ფერი: 51 204 255 |
| HTML ფერის კოდი: #66CCFF | RGB ფერი: 102 204 255 |
| HTML ფერის კოდი: #006699 | RGB ფერი: 0 102 153 |
| HTML ფერის კოდი: #336699 | RGB ფერი: 51 102 153 |
| HTML ფერის კოდი: #6699CC | RGB ფერი: 102 153 204 |
| HTML ფერის კოდი: #0099FF | RGB ფერი: 0 153 255 |
| HTML ფერის კოდი: #3399FF | RGB ფერი: 51 153 255 |
| HTML ფერის კოდი: #99CCFF | RGB ფერი: 153 204 255 |
| HTML ფერის კოდი: #003366 | RGB ფერი: 0 51 102 |
| HTML ფერის კოდი: #003399 | RGB ფერი: 0 51 153 |
| HTML ფერის კოდი: #0033FF | RGB ფერი: 0 51 255 |
| HTML ფერის კოდი: #3366CC | RGB ფერი: 51 102 204 |
| HTML ფერის კოდი: #0066CC | RGB ფერი: 0 102 204 |
| HTML ფერის კოდი: #0066FF | RGB ფერი: 0 102 255 |
| HTML ფერის კოდი: #000033 | RGB ფერი: 0 0 51 |
| HTML ფერის კოდი: #0033CC | RGB ფერი: 0 51 204 |
| HTML ფერის კოდი: #0000CC | RGB ფერი: 0 0 204 |
| HTML ფერის კოდი: #0000FF | RGB ფერი: 0 0 255 |
| HTML ფერის კოდი: #3366FF | RGB ფერი: 51 102 255 |
| HTML ფერის კოდი: #6699FF | RGB ფერი: 102 153 255 |
| HTML ფერის კოდი: #000066 | RGB ფერი: 0 0 102 |
| HTML ფერის კოდი: #000099 | RGB ფერი: 0 0 153 |
| HTML ფერის კოდი: #3333CC | RGB ფერი: 51 51 204 |
| HTML ფერის კოდი: #3300CC | RGB ფერი: 51 0 204 |
| HTML ფერის კოდი: #3300FF | RGB ფერი: 51 0 255 |
| HTML ფერის კოდი: #3333FF | RGB ფერი: 51 51 255 |
| HTML ფერის კოდი: #333366 | RGB ფერი: 51 51 102 |
| HTML ფერის კოდი: #333399 | RGB ფერი: 51 51 153 |
| HTML ფერის კოდი: #666699 | RGB ფერი: 102 102 153 |
| HTML ფერის კოდი: #6666CC | RGB ფერი: 102 102 204 |
| HTML ფერის კოდი: #6666FF | RGB ფერი: 102 102 255 |
| HTML ფერის კოდი: #9999CC | RGB ფერი: 153 153 204 |
| HTML ფერის კოდი: #330066 | RGB ფერი: 51 0 102 |
| HTML ფერის კოდი: #330099 | RGB ფერი: 51 0 153 |
| HTML ფერის კოდი: #6600FF | RGB ფერი: 102 0 255 |
| HTML ფერის კოდი: #6633FF | RGB ფერი: 102 51 255 |
| HTML ფერის კოდი: #9999FF | RGB ფერი: 153 153 255 |
| HTML ფერის კოდი: #CCCCFF | RGB ფერი: 204 204 255 |
| HTML ფერის კოდი: #330033 | RGB ფერი: 51 0 51 |
| HTML ფერის კოდი: #663399 | RGB ფერი: 102 51 153 |
| HTML ფერის კოდი: #6633CC | RGB ფერი: 102 51 204 |
| HTML ფერის კოდი: #6600CC | RGB ფერი: 102 0 204 |
| HTML ფერის კოდი: #9966FF | RGB ფერი: 153 102 255 |
| HTML ფერის კოდი: #9966CC | RGB ფერი: 153 102 204 |
| HTML ფერის კოდი: #663366 | RGB ფერი: 102 51 102 |
| HTML ფერის კოდი: #660099 | RGB ფერი: 102 0 153 |
| HTML ფერის კოდი: #9900FF | RGB ფერი: 153 0 255 |
| HTML ფერის კოდი: #9933FF | RGB ფერი: 153 51 255 |
| HTML ფერის კოდი: #9933CC | RGB ფერი: 153 51 204 |
| HTML ფერის კოდი: #CC99FF | RGB ფერი: 204 153 255 |
| HTML ფერის კოდი: #660066 | RGB ფერი: 102 0 102 |
| HTML ფერის კოდი: #996699 | RGB ფერი: 153 102 153 |
| HTML ფერის კოდი: #9900CC | RGB ფერი: 153 0 204 |
| HTML ფერის კოდი: #CC00FF | RGB ფერი: 204 0 255 |
| HTML ფერის კოდი: #CC33FF | RGB ფერი: 204 51 255 |
| HTML ფერის კოდი: #CC66FF | RGB ფერი: 204 102 255 |
| HTML ფერის კოდი: #993399 | RGB ფერი: 153 51 153 |
| HTML ფერის კოდი: #990099 | RGB ფერი: 153 0 153 |
| HTML ფერის კოდი: #CC33CC | RGB ფერი: 204 51 204 |
| HTML ფერის კოდი: #CC00CC | RGB ფერი: 204 0 204 |
| HTML ფერის კოდი: #CC66CC | RGB ფერი: 204 102 204 |
| HTML ფერის კოდი: #CC99CC | RGB ფერი: 204 153 204 |
| HTML ფერის კოდი: #CC3399 | RGB ფერი: 204 51 153 |
| HTML ფერის კოდი: #FF00FF | RGB ფერი: 255 0 255 |
| HTML ფერის კოდი: #FF33FF | RGB ფერი: 255 51 255 |
| HTML ფერის კოდი: #FF66FF | RGB ფერი: 255 102 255 |
| HTML ფერის კოდი: #FF99FF | RGB ფერი: 255 153 255 |
| HTML ფერის კოდი: #FFCCFF | RGB ფერი: 255 204 255 |
| HTML ფერის კოდი: #990066 | RGB ფერი: 153 0 102 |
| HTML ფერის კოდი: #CC0099 | RGB ფერი: 204 0 153 |
| HTML ფერის კოდი: #CC6699 | RGB ფერი: 204 102 153 |
| HTML ფერის კოდი: #FF33CC | RGB ფერი: 255 51 204 |
| HTML ფერის კოდი: #FF00CC | RGB ფერი: 255 0 204 |
| HTML ფერის კოდი: #FF66CC | RGB ფერი: 255 102 204 |
| HTML ფერის კოდი: #660033 | RGB ფერი: 102 0 51 |
| HTML ფერის კოდი: #993366 | RGB ფერი: 153 51 102 |
| HTML ფერის კოდი: #CC0066 | RGB ფერი: 204 0 102 |
| HTML ფერის კოდი: #FF0099 | RGB ფერი: 255 0 153 |
| HTML ფერის კოდი: #FF3399 | RGB ფერი: 255 51 153 |
| HTML ფერის კოდი: #FF99CC | RGB ფერი: 255 153 204 |
| ფერის კოდი html: #663333 | RGB ფერი: 102 51 51 |
| HTML ფერის კოდი: #996666 | RGB ფერი: 153 102 102 |
| HTML ფერის კოდი: #CC3366 | RGB ფერი: 204 51 102 |
| HTML ფერის კოდი: #FF0066 | RGB ფერი: 255 0 102 |
| HTML ფერის კოდი: #FF3366 | RGB ფერი: 255 51 102 |
| HTML ფერის კოდი: #FF6699 | RGB ფერი: 255 102 153 |
| HTML ფერის კოდი: #330000 | RGB ფერი: 51 0 0 |
| HTML ფერის კოდი: #990033 | RGB ფერი: 153 0 51 |
| HTML ფერის კოდი: #993333 | RGB ფერი: 153 51 51 |
| HTML ფერის კოდი: #CC3333 | RGB ფერი: 204 51 51 |
| HTML ფერის კოდი: #CC6666 | RGB ფერი: 204 102 102 |
| HTML ფერის კოდი: #CC9999 | RGB ფერი: 204 153 153 |
| HTML ფერის კოდი: #CC0033 | RGB ფერი: 204 0 51 |
| HTML ფერის კოდი: #FF0033 | RGB ფერი: 255 0 51 |
| HTML ფერის კოდი: #FF3333 | RGB ფერი: 255 51 51 |
| HTML ფერის კოდი: #FF6666 | RGB ფერი: 255 102 102 |
| HTML ფერის კოდი: #FF9999 | RGB ფერი: 255 153 153 |
| HTML ფერის კოდი: #FFCCCC | RGB ფერი: 255 204 204 |
| HTML ფერის კოდი: #990000 | RGB ფერი: 153 0 0 |
| HTML ფერის კოდი: #CC0000 | RGB ფერი: 204 0 0 |
| HTML ფერის კოდი: #FF0000 | RGB ფერი: 255 0 0 |
| HTML ფერის კოდი: #FF3300 | RGB ფერი: 255 51 0 |
| HTML ფერის კოდი: #CC3300 | RGB ფერი: 204 51 0 |
| HTML ფერის კოდი: #FF6633 | RGB ფერი: 255 102 51 |
| HTML ფერის კოდი: #660000 | RGB ფერი: 102 0 0 |
| HTML ფერის კოდი: #993300 | RGB ფერი: 153 51 0 |
| HTML ფერის კოდი: #CC6633 | RGB ფერი: 204 102 51 |
| HTML ფერის კოდი: #FF6600 | RGB ფერი: 255 102 0 |
| HTML ფერის კოდი: #FF9966 | RGB ფერი: 255 153 102 |
| HTML ფერის კოდი: #FFCC99 | RGB ფერი: 255 204 153 |
| HTML ფერის კოდი: #663300 | RGB ფერი: 102 51 0 |
| HTML ფერის კოდი: #996633 | RGB ფერი: 153 102 51 |
| HTML ფერის კოდი: #CC6600 | RGB ფერი: 204 102 0 |
| HTML ფერის კოდი: #CC9966 | RGB ფერი: 204 153 102 |
| HTML ფერის კოდი: #FF9933 | RGB ფერი: 255 153 51 |
| HTML ფერის კოდი: #FF9900 | RGB ფერი: 255 153 0 |
| HTML ფერის კოდი: #996600 | RGB ფერი: 153 102 0 |
| HTML ფერის კოდი: #CC9933 | RGB ფერი: 204 153 51 |
| HTML ფერის კოდი: #CC9900 | RGB ფერი: 204 153 0 |
| HTML ფერის კოდი: #FFCC33 | RGB ფერი: 255 204 51 |
| HTML ფერის კოდი: #FFCC00 | RGB ფერი: 255 204 0 |
| HTML ფერის კოდი: #FFCC66 | RGB ფერი: 255 204 102 |
| HTML ფერის კოდი: #CCCC00 | RGB ფერი: 204 204 0 |
| HTML ფერის კოდი: #FFFF00 | RGB ფერი: 255 255 0 |
| HTML ფერის კოდი: #FFFF33 | RGB ფერი: 255 255 51 |
| HTML ფერის კოდი: #FFFF66 | RGB ფერი: 255 255 102 |
| HTML ფერის კოდი: #FFFF99 | RGB ფერი: 255 255 153 |
| HTML ფერის კოდი: #FFFFCC | RGB ფერი: 255 255 204 |
ეს ცხრილი შეიცავს 216 უსაფრთხო HTML ფერის კოდს. კანის ფერს აქვს RGB მნიშვნელობები ფერის აღსანიშნავად გრაფიკული რედაქტორებიდა HEX html გვერდებზე ფერების დასამატებლად.
ფერების ჩასართავად გამოიყენება CSS ფერის კოდები. როგორც წესი, ფერის კოდი ან ფერის მნიშვნელობა გამოიყენება ფერის დასაყენებლად ან წინა პლანზე (მაგალითად, ტექსტის ფერი, ფერი), ან ფონის ელემენტისთვის (ფონის ფერი, ბლოკი). ისინი ასევე შეიძლება გამოყენებულ იქნას ღილაკის, საზღვრების, მარკერის ან სხვა დეკორატიული ეფექტების ფერის შესაცვლელად.
თქვენ შეგიძლიათ დააყენოთ ფერის მნიშვნელობები სხვადასხვა ფორმატში. შემდეგი ცხრილი ჩამოთვლის ყველა შესაძლო ფორმატს:
ქვემოთ მოცემულია ფორმატების ჩამონათვალის აღწერა.
CSS ფერები - თექვსმეტი კოდი
თექვსმეტი ფერის კოდი- ეს არის ფერის ექვსნიშნა გამოვლინება. პირველი ორი ციფრი (RR) არის წითელი მნიშვნელობები, მეორე ორი არის მწვანე მნიშვნელობები (GG), ხოლო დანარჩენი არის ლურჯი მნიშვნელობები (BB).
CSS ფერები - მოკლე თექვსმეტი კოდი
მოკლე თექვსმეტი ფერის კოდი- ეს არის ექვსსიმბოლოიანი აღნიშვნის მოკლე ფორმა. ამ ფორმატში, თითოეული რიცხვი მეორდება ექვივალენტური ექვსნიშნა ფერის მნიშვნელობის შესაქმნელად. მაგალითად: #0F0 ხდება #00FF00.
მეთექვსმეტე მნიშვნელობა შეიძლება იქნას მიღებული ნებისმიერი გრაფიკიდან პროგრამული უზრუნველყოფის უსაფრთხოება, როგორიცაა Adobe Photoshop, Core Draw და სხვ.
ყოველი CSS ფერის კოდისთვის გამოიყენეთ ჰეშის ნიშანი "#". თექვსმეტპუნქტიანი ნიშნის კონდახი უფრო დაბალია.
Colori CSS - RGB მნიშვნელობები
RGB მნიშვნელობები- ეს არის ფერის კოდი, რომელიც მითითებულია დამატებითი rgb(). ამ ძალას აქვს სამი მნიშვნელობა: თითო წითელზე, მწვანეზე და ლურჯზე. მნიშვნელობები შეიძლება იყოს მთელი რიცხვი 0-დან 255-მდე ან ასობით.
Შენიშვნა:ყველა ბრაუზერს არ აქვს 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 |