HEX კოდი კრეფს სამ 8-ბიტიან ნამყოფს ექვს ჰექსადეციმალურ ციფრში. HEX-ს RGB-ში გარდაქმნა ნიშნავს ამ ციფრების გაყოფას წყვილებად და თითოეული წყვილის ათობითი მნიშვნელობად წაკითხვას 0–255 შუალედში — სწორედ ისე, როგორც CSS, Figma და გამოსახულების რედაქტორები ელოდებიან.
როგორ მუშაობს HEX-დან RGB-ში კონვერსია
- გაუქმე წინსრული # და, თუ კოდს აქვს მხოლოდ სამი ციფრი, გაორმაგე თითოეული: #f53 გახდება #ff5533.
- გაანაწილე ექვსი ციფრი სამ წყვილად — RR, GG და BB.
- კეთილსინდისით წაიკითხე თითოეული წყვილი როგორც საფუძველი-16 და გარდაქმე ათობითში: FF ხდება 255, 57 ხდება 87, 33 ხდება 51.
- დაწერე სამი შედეგი როგორც rgb(R, G, B).
გასამშრომლებელი მაგალითი
ეს გადაქცევა არის ზუსტი. HEX და RGB აღწერენ ერთსა და იმავე sRGB მნიშვნელობებს სხვადასხვა ნოტაციაში, ამიტომ არც არაფერი ირგვება და არც არაფერია დაკარგული ორივე მიმართულებით.
HEX და RGB ახსნილი
რას წარმოადგენს HEX?
HEX კოდი არის ქვესტი ექვსი ჰექსადეციმალური სიმბოლო, რომელიც ინახავს ფერის წითელ, მწვანე და ლურჯ არხებს წინმორბედ #-თან ერთად. თითოეული წყვილი სიმბოლოები ასახავს ერთ არხს 00–დან FF-მდე, რაც იძლევა იგივე 16.7 მილიონ ფერს რაც RGB, მაგრამ მოკლე ნოტაციაში. HEX არის სტანდარტი CSS-ში, დიზაინის ინსტრუმენტებში და ბრენდის გზამკვლავებში.
- სინტაქსი:
- #RRGGBB
- დიაპაზონი:
- 00–FF თითო არხისთვის
- საუკეთესო მისთვის:
- CSS, დიზაინის გადაცემები, ბრენდის წესები
რას წარმოადგენს RGB?
RGB აღწერს ფერს როგორც երեք სინათლის არხს — წითელი, მწვანე და ლურჯი — თითოეული 0–დან 255-მდე. ეს ასახავს ეკრანების მუშაობას: ყველა არხი 255-ზე იძლევა თეთრის, ყველა 0-ზე — შავს. RGB არის სწორი არჩევანი როცა საჭიროა ფენზე გათვლები, ხოლო rgba() ამატებს გამჭვირვალობას.
- სინტაქსი:
- rgb(R, G, B)
- დიაპაზონი:
- 0–255 თითო არხისთვის
- საუკეთესო მისთვის:
- კოდი, canvas, გამჭვირვალობა rgba()-ით
HEX to RGB სამოხელეო ცხრილი
ყველაზე გავრცელებული CSS ფერები, გადაკეთებული HEX-დან RGB-ში.
| ფერი | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |