HEX-დან RGB ფერის კონვერტერი

HEX და RGB: ერთი ფერის ჩაწერის ორი გზა

ყოველი ფერი, რომელსაც ეკრანზე ხედავთ, სამი შუქისგანაა შერეული: წითელი, მწვანე და ლურჯი. ავამაღლოთ სამივე და მივიღებთ თეთრს; ჩავქროთ სამივე და მივიღებთ შავს. HEX და RGB უბრალოდ ორი ჩანაწერის სისტემაა, რომელიც აღწერს, რამდენად ნათელი უნდა იყოს თითოეული ეს არხი. ისინი ერთსა და იმავე ფერზე მიუთითებენ, ასე რომ, კარგი გადამყვანი უბრალოდ ერთი წერის სისტემიდან მეორეზე თარგმნის, თავად ელფერს არასდროს ცვლის. სწორედ ამას აკეთებს ეს ხელსაწყო, მთლიანად თქვენს ბრაუზერში, ცოცხალი ფერის ნიმუშის ჩვენებით, რომ შედეგი საკუთარი თვალით დაადასტუროთ.

როგორ ამოვიკითხოთ თექვსმეტობითი კოდი

თექვსმეტობითი ფერი ასე გამოიყურება: #1E90FF. ბადეს ნიშანი უბრალოდ დასაწყისს აღნიშნავს; მის შემდეგ არსებული ექვსი სიმბოლო სამი წყვილია, #RRGGBB ნიმუშით ჩაწერილი. პირველი წყვილი წითელია, მეორე — მწვანე, მესამე — ლურჯი. თითოეული წყვილი თექვსმეტობით სისტემაში ჩაწერილი რიცხვია, ანუ ბაზა 16-ში, სადაც ციფრები 0-9-მდე მიდის, ხოლო შემდეგ A, B, C, D, E, F წარმოადგენს 10-დან 15-მდე მნიშვნელობებს. ერთ წყვილს შეუძლია 00-დან (არხი სრულად გამორთულია) FF-მდე (სრულად ჩართული) მნიშვნელობების მიღება. უბრალო ათობითში ეს დიაპაზონი ზუსტად 0-დან 255-მდეა, იმავე მასშტაბით, რომელსაც RGB იყენებს. თითოეულ არხზე 256 შესაძლო დონით, ექვსციფრიან ფორმას შეუძლია 16 777 216 განსხვავებული ფერის აღწერა.

გარდაქმნა ორივე მიმართულებით, გამოთვლილი მაგალითით

HEX-დან RGB-ზე გადასასვლელად, დაყავით კოდი მისივე სამ წყვილად და გადაიყვანეთ თითოეული ბაზა 16-იდან ჩვეულებრივ ათობითში. ავიღოთ #1E90FF. წითელი წყვილია 1E: ესაა 1, გამრავლებული 16-ზე, პლუს 14 (E), რაც უდრის 30-ს. მწვანე წყვილი 90 არის 9, გამრავლებული 16-ზე, პლუს 0, რაც უდრის 144-ს. ლურჯი წყვილი FF არის 15, გამრავლებული 16-ზე, პლუს 15, რაც უდრის 255-ს. ასე რომ, #1E90FF იქცევა rgb(30, 144, 255)-ად — ცნობილ „დოჯერ ცისფერად".

საპირისპირო მიმართულება იგივე პროცესია, უკუღმა. აიღეთ თითოეული RGB რიცხვი და ჩაწერეთ ორი თექვსმეტობითი ციფრით. სუფთა წითელი, rgb(255, 0, 0), იძლევა FF, 00 და 00-ს, რომლებიც ერწყმის #FF0000-ს. ერთი რამ, რაც უნდა გახსოვდეთ: თუ მნიშვნელობა 16-ზე დაბალია, მაინც ორივე ციფრი გჭირდებათ, ასე რომ, 5 იწერება 05-ად და არა უბრალოდ 5-ად. გადამყვანი ამ შევსებას თავად ასრულებს, მაგრამ ხელით გამოთვლისას ხალხს ხშირად ბორტავს.

სად გამოიყენება თითოეული ფორმატი

HEX ვების ყოველდღიური ენაა. CSS, HTML და კოდის უმეტესობა თექვსმეტობით კოდებს იყენებს, რადგან ისინი კომპაქტური და ადვილად დასაკოპირებელია. RGB უფრო ხშირად დიზაინისა და გამოსახულების ხელსაწყოებში ჩნდება — Figma, Photoshop, Sketch და Illustrator ჩვეულებრივ სლაიდერებს ან ველებს 0-255 დიაპაზონში აჩვენებს, ხოლო ეკრანის ჩაწერისა და ვიდეო აპლიკაციები ხშირად RGB-საც ითხოვს. ასე რომ, რეგულარულად აიღებთ თექვსმეტობით კოდს სტილის ფაილიდან და გჭირდებათ მისი RGB ფორმა დიზაინის პანელში ჩასაწერად, ან პირიქით. სწორედ ეს არის მიზეზი, რის გამოც გადამყვანი მოსახერხებელია. თუ ერთი ფერის თარგმნის ნაცვლად შესატყვისი ტონების მთელი ნაკრები გჭირდებათ, ჩვენი ფერთა პალიტრის გენერატორი უფრო კარგი ამოსავალი წერტილია, ხოლო მსგავს დამატებით უტილიტებს დეველოპერულ ხელსაწყოებში ნახავთ.

გამჭვირვალობა, opacity და HSL

ორივე ჩანაწერს გაფართოებული ფორმა აქვს, რომელიც გამჭვირვალობას ამატებს. RGB იქცევა rgba(30, 144, 255, 0.5)-ად, სადაც მეოთხე მნიშვნელობა alpha-ა — 0 სრულად გამჭვირვალეა, 1 — სრულად მყარი. HEX-იც იმავე მიზნით მეოთხე წყვილს უმატებს, რაც რვაციფრიან #RRGGBBAA კოდს იძლევა; 80, მაგალითად, დაახლოებით 50 პროცენტიან გამჭვირვალობას შეესაბამება. ზოგიერთი გადამყვანი HSL-საც სთავაზობს (hue, saturation, lightness — ტონი, გაჯერება, სიმკვეთრე), რომელიც ფერს ისე აღწერს, როგორც ადამიანი წარმოადგენდა — ტონის ტაძარზე არჩევა, შემდეგ მისი სიცხოველისა და სიმკვეთრის რეგულირება. HSL განსხვავებული აზროვნების მოდელია და არა განსხვავებული პალიტრა, ამიტომ შეიძლება უფრო ინტუიციური იყოს, როცა ფერს ოდნავ ღია ან ჩამქრალს გინდათ, სამი ცალკეული რიცხვის ჟონგლირების გარეშე.

ხშირად დასმული კითხვები