მუქი ლურჯი rgb ფერი. სტილში ფერი შეიძლება განისაზღვროს სხვადასხვა გზით: თექვსმეტობითი მნიშვნელობით, სახელით, RGB, RGBA, HSL, HSLA ფორმატში
თექვსმეტობითი რიცხვები გამოიყენება ფერების დასაზუსტებლად. თექვსმეტობითი სისტემა, განსხვავებით ათობითი სისტემისგან, ეფუძნება, როგორც მისი სახელიდან ჩანს, რიცხვი 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 ან #0ff | 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, არის ნახევრად გამჭვირვალე.
RGBA დაემატა CSS3-ს, ამიტომ 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 (hue), Saturate (გაჯერება) და Lightness (სიმსუბუქე) კომბინაციიდან. Hue არის ფერის მნიშვნელობა ფერის ბორბალზე (ნახ. 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. ფერები ვებ გვერდზე
11/28/14 11.1Kსამწუხაროდ, საიტზე გემოვნების შეგრძნებების ჩვენება ჯერ არ არის შესაძლებელი. მაგრამ ეს შეიძლება სრულად ანაზღაურდეს ფერების დახმარებით. ყოველივე ამის შემდეგ, html ფერები საშუალებას გაძლევთ აჩვენოთ მილიონობით ჩრდილიდან რომელიმე. ასე რომ " ფერადი ფანქრებიმის ნაკრებში შვიდზე მეტია.
ფერის სქემა html-ში
html-ში ფერი შეიძლება განისაზღვროს რამდენიმე ფორმატში:
1. როგორც თექვსმეტობითი მნიშვნელობა – გამოიყენება თექვსმეტობით რიცხვთა სისტემაში მითითებული კოდი. ასეთი ფერის კოდები html-ში შედგება სამი წყვილი თექვსმეტობითი რიცხვისგან. თითოეული წყვილი პასუხისმგებელია ჩრდილის გაჯერებაზე მისი ძირითადი ფერით:
- პირველი რიცხვითი წყვილი პასუხისმგებელია წითელ ფერზე;
- მეორე წყვილი არის მწვანე ფერის შინაარსისთვის;
- ეს უკანასკნელი არის მისი ლურჯი შინაარსისთვის.
კოდის დასაწყისში (ციფრებამდე) მოთავსებულია ჰეშის ნიშანი. ეს არის თექვსმეტობითი ფერის კოდი. 1-დან 9-მდე რიცხვების გარდა, ეს რიცხვითი სისტემა იყენებს ლათინური ანბანის ასოებს (A, B, C, D, E, F).
მაგალითად, html-ში თეთრი ფერის კოდი გამოიყურება #FFFFFF:
2. საკვანძო სიტყვა - HTML ამჟამად მხარს უჭერს დაახლოებით 147 საკვანძო სიტყვას. მაგრამ ყველა ეს სიტყვა არ არის უნიკალური. ზოგიერთი მათგანი ეხება იმავე ფერის ჩრდილს.
ნაცრისფერი ფერი წარმოდგენილია ორი საკვანძო სიტყვით: ნაცრისფერი და ნაცრისფერი. მათი თექვსმეტობითი კოდი (HEX) მოცემულია იგივე მნიშვნელობით #808080.
მაგალითი:
#808080
3. RGB ფორმატში - html-ში ეს ფერის კოდირება ემყარება სამი მნიშვნელობის გამოყენებას, დაყენებული 0-დან 255-მდე დიაპაზონში. თითოეული მათგანი განსაზღვრავს ელფერის გაჯერებას ერთ-ერთი ძირითადი ფერით:
- R – წითელი (წითელი);
- G – მწვანე (მწვანე);
- B - ლურჯი (ლურჯი).
ფერის ნომერი RGB ფორმატში იწერება შემდეგი ფორმით: rgb(0, 210, 100).
ფონის ფერი: 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 უსაფრთხო ფერი დაივიწყა.
ფერის კოდები CSS-ში გამოიყენება ფერების დასაზუსტებლად. როგორც წესი, ფერის კოდები ან ფერის მნიშვნელობები გამოიყენება ელემენტის წინა პლანზე ფერის დასაყენებლად (მაგ. ტექსტის ფერი, ბმულის ფერი) ან ელემენტის ფონის ფერი (ფონის ფერი, ბლოკის ფერი). ისინი ასევე შეიძლება გამოყენებულ იქნას ღილაკის, საზღვრის, მარკერის, ჰოვერის და სხვა დეკორატიული ეფექტების ფერის შესაცვლელად.
თქვენ შეგიძლიათ მიუთითოთ თქვენი ფერის მნიშვნელობები სხვადასხვა ფორმატში. შემდეგი ცხრილი ჩამოთვლის ყველა შესაძლო ფორმატს:
ჩამოთვლილი ფორმატები უფრო დეტალურად არის აღწერილი ქვემოთ.
CSS ფერები - Hex კოდები
თექვსმეტობითი ფერის კოდიარის ფერის ექვსციფრიანი გამოსახულება. პირველი ორი ციფრი (RR) წარმოადგენს წითელ მნიშვნელობას, შემდეგი ორი წარმოადგენს მწვანე მნიშვნელობას (GG), ხოლო ბოლო ორი წარმოადგენს ლურჯ მნიშვნელობას (BB).
CSS ფერები - მოკლე Hex კოდები
მოკლე თექვსმეტობითი ფერის კოდიარის ექვსსიმბოლოიანი აღნიშვნის მოკლე ფორმა. ამ ფორმატში, თითოეული ციფრი მეორდება ექვივალენტური ექვსნიშნა ფერის მნიშვნელობის მისაღებად. მაგალითად: #0F0 ხდება #00FF00.
თექვსმეტობითი მნიშვნელობა შეიძლება იქნას მიღებული ნებისმიერი გრაფიკული პროგრამული უზრუნველყოფიდან, როგორიცაა Adobe Photoshop, Core Draw და ა.შ.
CSS-ში თითოეულ თექვსმეტობითი ფერის კოდს წინ უძღვის ჰეშის ნიშანი "#". ქვემოთ მოცემულია თექვსმეტობითი აღნიშვნების გამოყენების მაგალითები.
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 |
ვლად მერჟევიჩი
HTML-ში ფერი მითითებულია ორიდან ერთი გზით: თექვსმეტობითი კოდის გამოყენებით და გარკვეული ფერების სახელით. თექვსმეტობით რიცხვთა სისტემაზე დაფუძნებული მეთოდი უპირატესად გამოიყენება, რადგან ის ყველაზე უნივერსალურია.
თექვსმეტობითი ფერები
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 თექვსმეტობით.
რიცხვების სისტემის განსაზღვრისას დაბნეულობის თავიდან ასაცილებლად, თექვსმეტობით რიცხვს წინ უძღვის ჰეშის სიმბოლო #, მაგალითად, #aa69cc. ამ შემთხვევაში საქმეს მნიშვნელობა არ აქვს, ამიტომ დასაშვებია #F0F0F0 ან #f0f0f0 ჩაწერა.
HTML-ში გამოყენებული ტიპიური ფერი ასე გამოიყურება.
აქ ვებგვერდის ფონის ფერი დაყენებულია #FA8E47. ჰეშის სიმბოლო # რიცხვის წინ ნიშნავს, რომ ის არის თექვსმეტობითი. პირველი ორი ციფრი (FA) განსაზღვრავს ფერის წითელ კომპონენტს, მესამედან მეოთხე ციფრით (8E) განსაზღვრავს მწვანე კომპონენტს, ხოლო ბოლო ორი ციფრი (47) განსაზღვრავს ლურჯ კომპონენტს. საბოლოო შედეგი იქნება ეს ფერი.
ფ.ა. | + | 8E | + | 47 | = | FA8E47 |
სამი ფერიდან თითოეულს - წითელს, მწვანეს და ლურჯს - შეუძლია მიიღოს მნიშვნელობები 00-დან FF-მდე, რის შედეგადაც სულ 256 ჩრდილია. ამრიგად, ფერების საერთო რაოდენობა შეიძლება იყოს 256x256x256 = 16,777,216 კომბინაცია. წითელ, მწვანე და ლურჯ კომპონენტებზე დაფუძნებულ ფერთა მოდელს ეწოდება RGB (წითელი, მწვანე, ლურჯი). ეს მოდელი არის დანამატი (დან დამატება - დამატება), რომელშიც სამივე კომპონენტის დამატება ქმნის თეთრ ფერს.
თექვსმეტობითი ფერების ნავიგაციის გასაადვილებლად, გაითვალისწინეთ რამდენიმე წესი.
- თუ ფერის კომპონენტების მნიშვნელობები იგივეა (მაგალითად: #D6D6D6), მაშინ შედეგი იქნება ნაცრისფერი ელფერი. რაც უფრო მაღალია რიცხვი, მით უფრო ღიაა ფერი, მნიშვნელობებით მერყეობს #000000 (შავი)-დან #FFFFFF-მდე (თეთრი).
- კაშკაშა წითელი ფერი იქმნება, თუ წითელი კომპონენტი გაკეთდება მაქსიმუმ (FF) და დარჩენილი კომპონენტები ნულამდეა დაყენებული. ფერი #FF0000 ღირებულებით არის ყველაზე წითელი შესაძლო წითელი ჩრდილში. იგივე ეხება მწვანეს (#00FF00) და ლურჯს (#0000FF).
- ყვითელი (#FFFF00) მზადდება წითელი და მწვანე შერევით. ეს აშკარად ჩანს ფერის ბორბალზე (ნახ. 6.1), რომელიც წარმოადგენს ძირითად ფერებს (წითელი, მწვანე, ლურჯი) და დამატებითი ან დამატებითი ფერები. მათ შორისაა ყვითელი, ცისფერი და იისფერი (ასევე უწოდებენ მაგენტას). ზოგადად, ნებისმიერი ფერის მიღება შესაძლებელია მასთან ახლოს ფერების შერევით. ამრიგად, ციანი (#00FFFF) მიიღება ლურჯი და მწვანე კომბინაციით.
ბრინჯი. 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 ფერს. ვებ ფერის მაგალითია #33FF66.
ვებ ფერის მთავარი მახასიათებელი ის არის, რომ ის ყველა ბრაუზერში ერთნაირად ჩანს. ამ დროისთვის, ვებ ფერების აქტუალობა ძალიან მცირეა მონიტორების ხარისხის გაუმჯობესებისა და მათი შესაძლებლობების გაფართოების გამო.
ფერები სახელით
რიცხვების ნაკრების დამახსოვრების თავიდან ასაცილებლად, შეგიძლიათ გამოიყენოთ ხშირად გამოყენებული ფერების სახელები. მაგიდაზე 6.3 აჩვენებს პოპულარული ფერის სახელების სახელებს.
ფერის სახელი | ფერი | აღწერა | თექვსმეტობითი მნიშვნელობა |
---|---|---|---|
შავი | შავი | #000000 | |
ლურჯი | ლურჯი | #0000FF | |
ფუქსია | ღია იასამნისფერი | #FF00FF | |
ნაცრისფერი | მუქი ნაცრისფერი | #808080 | |
მწვანე | მწვანე | #008000 | |
ცაცხვი | ღია მწვანე | #00FF00 | |
შავგვრემანი | მუქი წითელი | #800000 | |
საზღვაო | მუქი ლურჯი | #000080 | |
ზეთისხილის | ზეთისხილი | #808000 | |
მეწამული | მუქი მეწამული | #800080 | |
წითელი | წითელი | #FF0000 | |
ვერცხლი | ღია ნაცრისფერი | #C0C0C0 | |
ჩაისფერი | ლურჯი-მწვანე | #008080 | |
თეთრი | თეთრი | #FFFFFF | |
ყვითელი | ყვითელი | #FFFF00 |
არ აქვს მნიშვნელობა ფერს მისი სახელით მიუთითებთ თუ თექვსმეტობითი რიცხვების გამოყენებით. ეს მეთოდები თანაბარია მათი ეფექტით. მაგალითი 6.1 გვიჩვენებს, თუ როგორ უნდა დააყენოთ ვებ გვერდის ფონის და ტექსტის ფერები.
მაგალითი 6.1. ფონის და ტექსტის ფერი
ტექსტის მაგალითი
ამ მაგალითში, ფონის ფერი დაყენებულია ტეგის bgcolor ატრიბუტის გამოყენებით
და ტექსტის ფერი ტექსტის ატრიბუტის მეშვეობით. მრავალფეროვნებისთვის, ტექსტის ატრიბუტი დაყენებულია თექვსმეტობით რიცხვზე, ხოლო bgcolor ატრიბუტი დაყენებულია დაჯავშნულ საკვანძო სიტყვაზე teal .Minecraft კოდები ყვავილები, ან Minecraft კოდებიფორმატირება, ნება მიეცით ნებისმიერ მოთამაშეს დაამატოთ ყვავილები და დაფორმატოს ტექსტი ყველა შესაძლო გზით პირდაპირ Minecraft-ში. ფერის კოდები&0-9-დან - &a-f-მდე. დაამატეთ ისინი ტექსტის წინ. მოთამაშეების შეტყობინებები შეიძლება შეიცავდეს ფერთა კოდებს, რომლებიც საშუალებას მოგცემთ დაამატოთ ფერი თქვენს წინადადებებში.
ფერები და ფორმატირების კოდები
ამპერსანდის ნიშანი (&), რომელსაც მოჰყვება თექვსმეტობითი რიცხვი შეტყობინებებში, კლიენტს აძლევს სიგნალს, შეცვალოს ფერები ტექსტის ჩვენებისას. გარდა ამისა, ტექსტის ფორმატირება შესაძლებელია ასოებით და შემდეგ ასოებით. თქვენ შეგიძლიათ დაამატოთ სხვადასხვა ფერები წიგნებს, ბრძანების ბლოკებს, სერვერის სახელს, სერვერის აღწერას (motd), მსოფლიოს სახელებს, ნიშნებს და მოთამაშეთა სახელებსაც კი.
ძალიან მარტივია თქვენი ტექსტის ფორმატირება კონფიგურაციებში ან თამაშში ქვემოთ მოცემული ფერის დიაგრამის გამოყენებით. &r გამოიყენება ყველა კოდის გადასაყენებლად, ე.ი. &mAAA&rBBB გამოჩნდება როგორც AAA BBB.
ჩვენ წარმოგიდგენთ Minecraft-ში არსებული ფერის კოდების ცხრილს თქვენი მოხერხებულობისთვის:
კოდი | სახელი | ტექნიკური დასახელება | სიმბოლო ფერი | სიმბოლო ჩრდილის ფერი | ||||||
---|---|---|---|---|---|---|---|---|---|---|
რ | გ | ბ | Hex | რ | გ | ბ | Hex | |||
&0 | შავი | შავი | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | მუქი ლურჯი | მუქი_ლურჯი | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | მუქი მწვანე | მუქი_მწვანე | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | მუქი ლურჯი-მწვანე | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | მუქი წითელი | მუქი_წითელი | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | მუქი მეწამული | მუქი_იისფერი | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | ოქრო | ოქროს | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | რუხი | ნაცრისფერი | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | მუქი ნაცრისფერი | მუქი_ნაცრისფერი | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | ლურჯი | ლურჯი | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | მწვანე | მწვანე | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&ბ | ლურჯი-მწვანე | აკვა | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
და ა.შ | წითელი | წითელი | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&დ | ღია იასამნისფერი | ღია_იისფერი | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&ე | ყვითელი | ყვითელი | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | თეთრი | თეთრი | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
ზოგჯერ საჭიროა ხაზი გაუსვით, გადახაზეთ, მონიშნეთნებისმიერი ტექსტი. ეს კეთდება ტექსტის ფორმატირების გამოყენებით. იგი გამოიყენება ზუსტად ისევე, როგორც ფერები (ჩვენ ვდებთ ტექსტის წინ კოდი, მაგალითად &lMinecraft = Minecraft.
თქვენი მოხერხებულობისთვის, ქვემოთ მოცემულია ფორმატირების კოდების ცხრილი:
კოდი | სახელი |
---|---|
&კ | ჯადოსნური ტექსტი |
&ლ | თამამი ტექსტი |
&მ | გადახაზული ტექსტი |
&n | ხაზგასმული ტექსტი |
&o | დახრილი ტექსტი |
&რ | ტექსტი ფორმატირების გარეშე |