RGB სრული მუქი ფერები. ფერის კოდები Minecraft-ში. ფერის რიცხვითი წარმოდგენა
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 | დახრილი ტექსტი |
| &რ | ტექსტი ფორმატირების გარეშე |
მოგეხსენებათ, ფერს შეუძლია გავლენა მოახდინოს ადამიანის მდგომარეობაზე: როგორც გონებრივ, ასევე ფიზიკურზე. ყოველდღე, ინტერნეტში ვებგვერდების დათვალიერებისას, თვალები მილიონობით ფერსა და ჩრდილს აფასებს. ვებ დიზაინერს, რომელიც იცნობს ფერების ფსიქოლოგიას, შეუძლია მანიპულირება მოახდინოს ვიზიტორის განწყობაზე გარკვეული მიზნების მისაღწევად.
ეს იმის გამო ხდება, რომ ზოგიერთი ჩრდილი ამშვიდებს, ზოგი კი პირიქით, აღელვებს. შემდეგ ვისაუბრებთ იმაზე, თუ როგორ ხდება ფერის სინთეზირება და ჩვენება კომპიუტერული ტექნოლოგიის გამოყენებით.
RGB არის ფერის მოდელი, რომელიც წარმოადგენს ყველა ფერისა და მათი ჩრდილების მიღების მეთოდს სამი ძირითადი კომპონენტის სხვადასხვა პროპორციით შერევით, რომლებიც არის:
- წითელი ფერი ( წითელი);
- მწვანე ფერი ( მწვანე);
- ლურჯი ფერი ( ლურჯი).
სწორედ აქედან მოდის შემოკლებული სახელი RGB. ეს ფერები მთავარებად შეირჩა მიზეზის გამო: მიზეზი ბადურის ფიზიოლოგიაა ადამიანის თვალიდა როგორ აღიქვამს მათ:
RGB მოდელი რჩება ყველაზე პოპულარულ დღეს და გამოიყენება ფერების რეპროდუცირებისთვის ტელევიზორის ეკრანებზე და კომპიუტერის მონიტორები. ვინაიდან მწარმოებლები ანიჭებენ თავიანთ პროდუქტებს სხვადასხვა მახასიათებლები, შეიქმნა 1996 წელს ერთი სისტემა RGB-ზე დაფუძნებული ფერის სინთეზი სახელწოდებით sRGB, რომელზეც ჩვენ ვითანამშრომლეთ მაიკროსოფტიდა ჰ.პ.
ფერის რიცხვითი წარმოდგენა
როგორც უკვე აღვნიშნეთ, RGB ფერები წარმოიქმნება ძირითადი ფერების შერევით. თითოეული მათგანის ინტენსივობის აღსაწერად მიღებულ იქნა სქემა, რომელშიც ფერი წარმოდგენილია დიაპაზონით 0-255 (8 ბიტი), რაც არის თექვსმეტობითი სისტემაგაანგარიშება შეესაბამება 00-FF-ს.
ანუ, ძირითადი ფერები ასე გამოიყურება:
- წითელი – RGB (255,0,0);
- მწვანე – RGB (0,255,0);
- ლურჯი – RGB (0,0,255);
თუ ფერის ინტენსივობა იღებს 255-ზე ნაკლებ მნიშვნელობებს, მაშინ მიიღება წითელი, მწვანე და ლურჯი სხვადასხვა ჩრდილები. ქვემოთ მოცემულია მათი გრადაციების ცხრილი, ასევე თითოეული ჩრდილის თექვსმეტობითი მნიშვნელობები:
RGB ფერის მაგიდები
ბუნებრივია, ძირითადი ფერების გრადაციების გარდა, არის შერეული და მათი რაოდენობა საკმაოდ დიდია. ამრიგად, შეიქმნა RGB ფერების ცხრილი, რომელშიც წარმოდგენილია ყველა არსებული ჩრდილი, ასევე მათი სახელები და რიცხვითი წარმოდგენები ( ათობითი და თექვსმეტობითი ფორმით).
მისი ნახვა შეგიძლიათ აქ. ეს მაგიდაბევრად უადვილებს ცხოვრებას ვებ დიზაინერებს, რადგან რამდენიმე წამში შეგიძლიათ იპოვოთ საჭირო ჩრდილი და გაიგოთ მისი რიცხვითი წარმოდგენა.
უსაფრთხო RGB ფერის პალიტრა
თუმცა რაღაც მომენტში სხვადასხვა ბრაუზერში ფერების ჩვენების პრობლემა გაჩნდა და მის გადასაჭრელად შეადგინეს ე.წ. RGB პალიტრაფერები, რომლებიც მიღებული იყო მათემატიკური გამოთვლებით.
როდესაც ბრაუზერი ვერ აჩვენებს ფერს სწორად, ის ცდილობს რაღაც მიახლოებას აუცილებელი გზამიმდებარე ფერების შერევა და, სავარაუდოდ, შედეგი სრულიად მიუღებელი იქნება:
ამ პალიტრიდან RGB ფერის კოდების გამოყენებით, ვებ დეველოპერს არ შეუძლია ინერვიულოს ფერების ჩვენებაზე მისი საიტის გვერდებზე, როდესაც ნახულია გამოყენებით სხვადასხვა ბრაუზერები, სხვადასხვა პლატფორმებზე და მონიტორებზე. მიუხედავად იმისა, რომ ჩართულია ამ მომენტშიუსაფრთხო ფერების ცხრილი კარგავს შესაბამისობას ( ტექნოლოგიური პროგრესი ჯერ კიდევ არ დგას), მისი გამოყენებისას შეგიძლიათ, როგორც ამბობენ, მშვიდად დაიძინოთ.
ოქროს ფერი RGB მოდელში
სიტყვა "ოქროსფერი" პირველად გამოიყენეს მე -14 საუკუნის დასაწყისში ფერის აღსაწერად ქიმიური ელემენტისახელად Aurum - ოქრო. RGB მოდელში ოქროს ფერი წარმოდგენილია შემდეგი რიცხვითი მნიშვნელობებით:
- RGB (255, 215, 0) – ათობითი სისტემა;
- HEX #FFD700 - თექვსმეტობითი სისტემა.
კრემისფერი ფერი RGB მოდელში
კრემისფერი ფერი საკმაოდ იღებს მნიშვნელოვანი ადგილიისტორიაში, თუნდაც ის არ იყოს ყველაზე გამომხატველი. ბევრი კულტურული ძეგლი, განსაკუთრებით უძველესი ქანდაკებები, დამზადებულია საპნის ქვისგან და საპნის ქვისგან, რომლებსაც აქვთ კრემისფერი ელფერი. RGB მოდელში კრემისფერს აქვს შემდეგი რიცხვითი წარმოდგენები:
- RGB (245, 245, 220) – ათობითი სისტემა;
- HEX #F5F5DC - თექვსმეტობითი სისტემა.
დღესდღეობით, განსაკუთრებით მსოფლიო ქსელში, იშვიათია ასეთი "მოსაწყენი" ფერის ნახვა. დეველოპერები უპირატესობას ანიჭებენ მიმზიდველ დიზაინს ნათელი ფერების გამოყენებით. ტექნიკური პროგრესიშესაძლებელს ხდის მონიტორებზე ფერების კოლოსალური რაოდენობის ჩვენებას, რაც სურათს უფრო რეალისტურს ხდის.
Კარგი ცუდი
ნომრები გამოიყენება ფერების დასაყენებლად თექვსმეტობითი კოდი. თექვსმეტობითი სისტემა, განსხვავებით ათობითი სისტემისგან, ეფუძნება, როგორც მისი სახელიდან ჩანს, რიცხვი 16. რიცხვები იქნება შემდეგი: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. 10-დან 15-მდე რიცხვები იცვლება ლათინური ასოებით. თექვსმეტობით სისტემაში 15-ზე მეტი რიცხვები იქმნება ორი რიცხვის ერთში გაერთიანებით. მაგალითად, ნომერი 255 in ათობითი სისტემაშეესაბამება რიცხვს 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 - გამჭვირვალობა.
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. ფერები ვებ გვერდზე
IN HTML ფერიშეიძლება დაყენდეს სამი გზით:
HTML-ში ფერის დაყენება მისი სახელით
ზოგიერთი ფერის მითითება შესაძლებელია მათი სახელით, ფერის სახელის გამოყენებით ინგლისური ენა. ყველაზე გავრცელებული საკვანძო სიტყვები: შავი, თეთრი, წითელი, მწვანე, ლურჯი და ა.შ.:
ტექსტის ფერი – წითელი
კონსორციუმის სტანდარტის ყველაზე პოპულარული ფერები Მსოფლიო ქსელში(ინგლისური) მსოფლიო მასშტაბითვებ კონსორციუმი, W3C):
| ფერი | სახელი | ფერი | სახელი | ფერი | სახელი | ფერი | სახელი |
|---|---|---|---|---|---|---|---|
| შავი | რუხი | ვერცხლი | თეთრი | ||||
| ყვითელი | ცაცხვი | აკვა | ფუქსია | ||||
| წითელი | მწვანე | ლურჯი | მეწამული | ||||
| მარუნი | ზეთისხილი | საზღვაო ძალები | ჩაისფერი |
სხვადასხვა ფერის სახელების გამოყენების მაგალითი:
მაგალითი: ფერის მითითება მისი სახელით
- თავად სცადე"
სათაური წითელ ფონზე
სათაური ნარინჯისფერ ფონზე
სათაური ცაცხვის ფონზე
თეთრი ტექსტი ლურჯ ფონზე
სათაური წითელ ფონზე
სათაური ნარინჯისფერ ფონზე
სათაური ცაცხვის ფონზე
თეთრი ტექსტი ლურჯ ფონზე
ფერის დაზუსტება RGB-ის გამოყენებით
მონიტორზე სხვადასხვა ფერის ჩვენებისას საფუძვლად გამოიყენება RGB პალიტრა. ნებისმიერი ფერი მიიღება სამი ძირითადი ფერის შერევით: R - წითელი, G - მწვანე, B - ლურჯი. თითოეული ფერის სიკაშკაშე მოცემულია ერთი ბაიტით და, შესაბამისად, შეუძლია მიიღოს მნიშვნელობები 0-დან 255-მდე. მაგალითად, RGB(255,0,0) ნაჩვენებია წითლად, რადგან წითელი დაყენებულია მის უმაღლეს მნიშვნელობაზე (255) და დანარჩენი დაყენებულია 0-ზე, ასევე შეგიძლიათ დააყენოთ ფერი პროცენტულად. თითოეული პარამეტრი მიუთითებს შესაბამისი ფერის სიკაშკაშის დონეს. მაგალითად: მნიშვნელობები rgb(127, 255, 127) და rgb (50%, 100%, 50%) დააყენებს იგივე საშუალო მწვანე ფერს:
მაგალითი: ფერის დაზუსტება RGB-ის გამოყენებით
- თავად სცადე"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
დააყენეთ ფერი თექვსმეტობითი მნიშვნელობით
ღირებულებები რ გ ბასევე შეიძლება მითითებული იყოს თექვსმეტობითი (HEX) ფერის მნიშვნელობების გამოყენებით: #RRGGBB, სადაც RR (წითელი), GG (მწვანე) და BB (ლურჯი) არის თექვსმეტობითი მნიშვნელობები 00-დან FF-მდე (იგივე ათწილადი 0-255 ) . თექვსმეტობითი სისტემა, ათწილადი სისტემისგან განსხვავებით, ეფუძნება, როგორც მისი სახელიდან ჩანს, რიცხვი 16. თექვსმეტობითი სისტემა იყენებს შემდეგ ნიშნებს: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. აქ რიცხვები 10-დან 15-მდე შეიცვალა ლათინური ასოებით. თექვსმეტობით სისტემაში 15-ზე მეტი რიცხვები წარმოდგენილია ორი სიმბოლოს ერთ მნიშვნელობაში გაერთიანებით. Მაგალითად, ყველაზე დიდი რაოდენობაათწილადში 255 შეესაბამება FF-ის უმაღლეს მნიშვნელობას თექვსმეტობით. ათობითი სისტემისგან განსხვავებით, თექვსმეტობით რიცხვს წინ უძღვის ჰეშის სიმბოლო. # მაგალითად, #FF0000 ნაჩვენებია წითლად, რადგან წითელი დაყენებულია მის უმაღლეს მნიშვნელობაზე (FF), ხოლო დანარჩენი ფერები დაყენებულია მათ მინიმალურ მნიშვნელობაზე (00). ნიშნები ჰეშის სიმბოლოს შემდეგ # შეგიძლიათ აკრიფოთ როგორც დიდი, ასევე პატარა. თექვსმეტობითი სისტემა საშუალებას გაძლევთ გამოიყენოთ შემოკლებული ფორმა #rgb, სადაც თითოეული სიმბოლო უდრის ორმაგს. ამრიგად, ჩანაწერი #f7O უნდა ჩაითვალოს როგორც #ff7700.
მაგალითი: HEX ფერი
- თავად სცადე"
წითელი: #FF0000
მწვანე: #00FF00
ლურჯი: #0000FF
წითელი: #FF0000
მწვანე: #00FF00
ლურჯი: #0000FF
წითელი+მწვანე=ყვითელი: #FFFF00
წითელი+ლურჯი=იისფერი: #FF00FF
მწვანე+ლურჯი=ცისფერი: #00FFFF
საერთო ფერების სია (სახელი, HEX და RGB):
| ინგლისური სახელი | რუსული სახელი | ნიმუში | HEX | RGB | ||
|---|---|---|---|---|---|---|
| ამარანტი | ამარანტი | #E52B50 | 229 | 43 | 80 | |
| ქარვა | ქარვა | #FFBF00 | 255 | 191 | 0 | |
| აკვა | Ლურჯი მწვანე | #00FFFF | 0 | 255 | 255 | |
| ცისფერი | ცისფერი | #007FFF | 0 | 127 | 255 | |
| შავი | შავი | #000000 | 0 | 0 | 0 | |
| ლურჯი | ლურჯი | #0000FF | 0 | 0 | 255 | |
| ბონდი ლურჯი | ბონდის პლაჟის წყალი | #0095B6 | 0 | 149 | 182 | |
| თითბერი | თითბერი | #B5A642 | 181 | 166 | 66 | |
| ყავისფერი | ყავისფერი | #964B00 | 150 | 75 | 0 | |
| ცერულეანი | ცისფერი | #007BA7 | 0 | 123 | 167 | |
| მუქი გაზაფხულის მწვანე | მუქი გაზაფხულის მწვანე | #177245 | 23 | 114 | 69 | |
| ზურმუხტი | ზურმუხტი | #50C878 | 80 | 200 | 120 | |
| Ბადრიჯანი | Ბადრიჯანი | #990066 | 153 | 0 | 102 | |
| ფუქსია | ფუქსია | #FF00FF | 255 | 0 | 255 | |
| ოქრო | ოქრო | #FFD700 | 250 | 215 | 0 | |
| რუხი | რუხი | #808080 | 128 | 128 | 128 | |
| მწვანე | მწვანე | #00FF00 | 0 | 255 | 0 | |
| ინდიგო | ინდიგო | #4B0082 | 75 | 0 | 130 | |
| ჯეიდი | ჯეიდი | #00A86B | 0 | 168 | 107 | |
| ცაცხვი | ცაცხვი | #CCFF00 | 204 | 255 | 0 | |
| მალაქიტი | მალაქიტი | #0BDA51 | 11 | 218 | 81 | |
| საზღვაო ძალები | Მუქი ლურჯი | #000080 | 0 | 0 | 128 | |
| ოხერი | ოხერი | #CC7722 | 204 | 119 | 34 | |
| ზეთისხილი | ზეთისხილის | #808000 | 128 | 128 | 0 | |
| ნარინჯისფერი | ნარინჯისფერი | #FFA500 | 255 | 165 | 0 | |
| Ატამი | Ატამი | #FFE5B4 | 255 | 229 | 180 | |
| გოგრა | გოგრა | #FF7518 | 255 | 117 | 24 | |
| მეწამული | იისფერი | #800080 | 128 | 0 | 128 | |
| წითელი | წითელი | #FF0000 | 255 | 0 | 0 | |
| ზაფრანა | ზაფრანა | #F4C430 | 244 | 196 | 48 | |
| ზღვის მწვანე | მწვანე ზღვა | #2E8B57 | 46 | 139 | 87 | |
| ჭაობის მწვანე | ბოლოტნი | #ACB78E | 172 | 183 | 142 | |
| ჩაისფერი | Ლურჯი მწვანე | #008080 | 0 | 128 | 128 | |
| ულტრამარინი | ულტრამარინი | #120A8F | 18 | 10 | 143 | |
| იისფერი | იისფერი | #8B00FF | 139 | 0 | 255 | |
| ყვითელი | ყვითელი | #FFFF00 | 255 | 255 | 0 | |
ფერის კოდები (ფონი) გაჯერების და შეფერილობის მიხედვით.
ვლად მერჟევიჩი
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. ფონის და ტექსტის ფერი
ტექსტის მაგალითი
IN ამ მაგალითშიფონის ფერი დაყენებულია ტეგის bgcolor ატრიბუტის გამოყენებით
, და ტექსტის ფერი ტექსტის ატრიბუტის მეშვეობით. მრავალფეროვნებისთვის, ტექსტის ატრიბუტის მნიშვნელობა დაყენებულია: თექვსმეტობით რიცხვიდა bgcolor დაჯავშნის გამოყენებით საკვანძო სიტყვაჩაისფერი.