ფერების RGB-დან HEX-ზე გადაყვანა ისეთივე მარტივია, როგორც მათი რიცხვითი მნიშვნელობების გადაქცევა ათობითი სისტემიდან თექვსმეტობით რიცხვებში. RGB ფერის გადასაყვანად (50, 168, 82), თითოეულ რიცხვს ვაქცევთ თექვსმეტობით მნიშვნელობად:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
RGB
ნიშნავს წითელ, მწვანე და ლურჯ ფერებს, რომლებიც შეიძლება შერეული იყოს სხვადასხვა ფერის შესაქმნელად. ეს არის ტელევიზორის, კომპიუტერის მონიტორებისა და სმარტფონის ეკრანებისთვის სურათების წარმოების სტანდარტული მეთოდი.
უფრო ზუსტად რომ ვთქვათ, RGB არის დანამატი ფერის მოდელი, რაც იმას ნიშნავს, რომ თქვენ უნდა დაამატოთ ფერები ერთად სხვადასხვა ფერის შესაქმნელად.
წარმოიდგინეთ ფერების ერთმანეთზე დაწყობა:
შენიშვნა: სხვადასხვა მოწყობილობა აწარმოებს სხვადასხვა RGB მნიშვნელობებს. თითოეული მოწყობილობა იყენებს სხვადასხვა ფერის შერევის თეორიას, რაც იმას ნიშნავს, რომ RGB ფერები არ არის ერთნაირი ყველა მოწყობილობაში და მათ სჭირდებათ ფერის მართვა, რომ ერთნაირად გამოიყურებოდეს.
RGB ფერის მოდელში ფერის აღსაწერად, თქვენ უნდა თქვათ რამდენი წითელი, მწვანე და ლურჯია საჭირო.
თქვენ მიუთითეთ რამდენი წითელი, მწვანე და ლურჯია საჭირო RGB სამეულის გამოყენებით (R, G, B)
სადაც თითოეული ელემენტი შეიძლება იცვლებოდეს ნულიდან განსაზღვრულ მაქსიმალურ მნიშვნელობამდე.
თუ ყველა ელემენტი ნულზეა (0, 0, 0)
- შედეგი არის შავი ფერი.
თუ ყველა ელემენტი მაქსიმუმზეა (255, 255, 255)
- შედეგი არის თეთრი ფერი.
ამ რიცხვების კომბინაციები ქმნის სხვადასხვა ფერს (255, 255, 0)
- შედეგი არის ყვითელი ფერი
ეს ცნობილია როგორც ფერის სიღრმე და იზომება ბიტებში.
2018 წლის მდგომარეობით, თითქმის ყველა ტელევიზორის, კომპიუტერის და სმარტფონის ეკრანი იყენებს 24-ბიტიან ფერის სიღრმეს, რომელიც ცნობილია როგორც ნამდვილი ფერი. იგი მხარს უჭერს რვა ბიტს სამივე ფერისთვის, ანუ ჯამში 24 ბიტი.
ეს უზრუნველყოფს 28 ან 256 წითელი, მწვანე და ლურჯი შესაძლო მნიშვნელობები:
256 x 256 x 256 = 16,777,216 მთლიანი შესაძლო ფერები ნამდვილ ფერთა პალიტრაში
თექვსმეტობითი
აღწერს 16 სიმბოლოსგან შემდგარ საბაზო-16 რიცხვთა სისტემას. ის იყენებს 0-დან 9-მდე რიცხვებს 0-დან 9-მდე და ასოებს A-დან F-მდე 10-დან 15-მდე.
ის ყველაზე ხშირად გამოიყენება კომპიუტერულ მეცნიერებასა და მათემატიკაში, როგორც ორობითი კოდის ადამიანის წაკითხვადი ფორმით წარმოდგენის საშუალება.
კომპიუტერებისა და მეცნიერებისგან განსხვავებით, უმეტესობა ჩვენგანი იყენებს ათობითი რიცხვების სისტემას. იგი შედგება 0-დან 9-მდე რიცხვებისგან და ეს არის რიცხვების გამოყენების სტანდარტული გზა. მის სწავლას ვიწყებთ სკოლამდელ დაწესებულებაში და ყოველდღიურად ვიყენებთ:
მანქანა მოძრაობს 10 mph სიჩქარით კატა იწონის 4 კგ თვე შედგება 30 დღისგან
ახლა, როდესაც ჩვენ ვიცით განსხვავება თექვსმეტობით და ათწილადს შორის, მოდით განვიხილოთ, თუ როგორ შეგვიძლია გადავიტანოთ ერთიდან მეორეზე.
როგორც უკვე ვიცით, თექვსმეტობით რიცხვთა სისტემაში რიცხვები 0-დან 9-მდე წარმოადგენს 0-დან 9-მდე, ხოლო ასოები A-დან F-მდე ათობით სისტემაში 10-დან 15-მდეა.
აქ არის სიღრმისეული ცხრილი, რომელიც კარგად ხსნის თექვსმეტობით რიცხვებში ათწილად რიცხვებს:
იმისათვის, რომ გადაიყვანოთ RGB HEX-ად, თქვენ უნდა გადაიყვანოთ წითელი მწვანე და ლურჯი ფერის მნიშვნელობები ათობითიდან თექვსმეტობით.
მაგალითი #1: წითელი ფერის გადაქცევა (255, 0, 0)
რომ HEX:
რ = 255 = FF გ = 0 = 00 ბ = 0 = 00 HEX = #FF0000
მაგალითი #2: მწვანე ფერის გადაქცევა (0, 255, 0)
რომ HEX:
რ = 0 = 00 გ = 255 = FF ბ = 0 = 00 HEX = #00FF00
მაგალითი #3: ლურჯი ფერის გადაქცევა (0, 0, 255)
რომ HEX:
რ = 0 = 00 გ = 0 = 00 ბ = 255 = FF HEX = #0000FF
მაგალითი #4: შავი ფერის გადაქცევა (0, 0, 0)
რომ HEX:
რ = 0 = 00 გ = 0 = 00 ბ = 0 = 00 HEX = #000000
მაგალითი #5: თეთრი ფერის გადაქცევა (255, 255, 255)
რომ HEX:
რ = 255 = FF გ = 255 = FF ბ = 255 = FF HEX = #FFFFFF
ბონუსი მაგალითი #6: ოქროს ფერის გადაქცევა (255, 215, 0)
რომ HEX:
რ = 255 = FF გ = 215 = D7 ბ = 0 = 00 HEX = #FFD700
HEX RGB-ად გადასაყვანად, თქვენ უნდა გაყოთ თექვსმეტობითი მნიშვნელობა ორ წყვილად და გადაიყვანოთ იგი ათობითი რიცხვად.
მაგალითი #1: წითელი ფერის გადაქცევა #FF0000
რომ RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
მაგალითი #2: მწვანე ფერის გადაქცევა #00FF00
რომ RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
მაგალითი #3: ლურჯი ფერის გადაქცევა #0000FF
რომ RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
მაგალითი #4: შავი ფერის გადაქცევა #000000
რომ RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
მაგალითი #5: თეთრი ფერის გადაქცევა #FFFFFF
რომ RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
ბონუსი მაგალითი #6: ოქროს ფერის გადაქცევა #FFD700
რომ RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
როგორც ზემოთ მოყვანილი მაგალითებიდან ვხედავთ, RGB-სა და HEX-ს შორის მთავარი განსხვავება ისაა, რომ იგი იყენებს სხვადასხვა რიცხვების სისტემას. RGB იყენებს ათობითი, ხოლო HEX იყენებს თექვსმეტობით.
ფერების RGB-დან HEX-ზე გადაყვანა ისეთივე მარტივია, როგორც მათი რიცხვითი მნიშვნელობების გადაქცევა ათობითიდან თექვსმეტობით რიცხვთა სისტემაში.
ჩვენი გამოცდილებიდან და იმის მიხედვით, რასაც ჩვენი გუნდი წლების განმავლობაში აკვირდებოდა, თექვსმეტობითი უფრო ხშირად გამოიყენება ვიდრე RGB, განსაკუთრებით ვებ განვითარებისა და ვებ დიზაინის ინდუსტრიებში.
თუმცა, არ აქვს მნიშვნელობა რომელს იყენებთ, რადგან ორივე ერთსა და იმავე ფერს წარმოადგენს. ერთადერთი წინადადება - იყავით თანმიმდევრული.
თუ დაიწყებთ RGB-ის გამოყენებას ჩვენს ვებ პროექტში - მიჰყევით მას. თუ დაიწყებთ HEX-ის გამოყენებას ჩვენს ვებ პროექტში, შეეცადეთ გამოიყენოთ მხოლოდ HEX