HEX to RGB converter

გადაიყვანე ნებისმიერი HEX ფერი RGB-ში — მყისიერად და უფასოდ

#FF5733

ჩასვი ნებისმიერი ფერის მნიშვნელობა — ფორმატს ჩვენ შენთვის გამოვავლენთ.

RGB რეზულტატი
წითელი
255
მწვანე
87
ლურჯი
51

ეს ფერი ყველა ფორმატში

CMYK პროფილი: Coated FOGRA39 (Photoshop-ის ნაგულისხმევი ევროპისთვის)

HEX კოდი კრეფს სამ 8-ბიტიან ნამყოფს ექვს ჰექსადეციმალურ ციფრში. HEX-ს RGB-ში გარდაქმნა ნიშნავს ამ ციფრების გაყოფას წყვილებად და თითოეული წყვილის ათობითი მნიშვნელობად წაკითხვას 0–255 შუალედში — სწორედ ისე, როგორც CSS, Figma და გამოსახულების რედაქტორები ელოდებიან.

როგორ მუშაობს HEX-დან RGB-ში კონვერსია

  1. გაუქმე წინსრული # და, თუ კოდს აქვს მხოლოდ სამი ციფრი, გაორმაგე თითოეული: #f53 გახდება #ff5533.
  2. გაანაწილე ექვსი ციფრი სამ წყვილად — RR, GG და BB.
  3. კეთილსინდისით წაიკითხე თითოეული წყვილი როგორც საფუძველი-16 და გარდაქმე ათობითში: FF ხდება 255, 57 ხდება 87, 33 ხდება 51.
  4. დაწერე სამი შედეგი როგორც rgb(R, G, B).

გასამშრომლებელი მაგალითი

HEX #FF5733=RGB rgb(255, 87, 51)

ეს გადაქცევა არის ზუსტი. 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-ში.

ფერიHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

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

გაუქმე წინსრული # და, თუ კოდს აქვს მხოლოდ სამი ციფრი, გაორმაგე თითოეული: #f53 გახდება #ff5533. გაანაწილე ექვსი ციფრი სამ წყვილად — RR, GG და BB. კეთილსინდისით წაიკითხე თითოეული წყვილი როგორც საფუძველი-16 და გარდაქმე ათობითში: FF ხდება 255, 57 ხდება 87, 33 ხდება 51. დაწერე სამი შედეგი როგორც rgb(R, G, B).

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

RGB აღწერს ფერს როგორც სინათლის სამ არხს (წითელი, მწვანე და ლურჯი), თითოეული 0-დან 255-მდე. ეს ასახავს ეკრანების მუშაობას: სამივე არხი 255-ზე თეთრს იძლევა, სამივე 0-ზე შავს. RGB სწორი არჩევანია, როცა ფერით გათვლები გჭირდება, ხოლო rgba() ზემოდან გამჭვირვალობას ამატებს.

კი. შეხსნის ღილაკი შეყვანის გვერდით გადაგიყვანთ RGB-დან HEX-ში კონვერტორზე, რომელიც მუშაობს მთლიანად იმავე პრინციპით. ორივე მიმართულება იყენებს ერთსა და იმავე ფორმულას, უბრალოდ საპირისპიროდ აღნიშნულ ოპერაციებს.

გამოიყენე RGB როცა უნდა იმუშაო ნუმერებთან — ერთი არხის ანიმაცია, ფერების შერევა კოდში ან გამჭვირვალობის დამატება rgba()-ით. სტატიკური CSS-ზე კი HEX რჩება მოკლე და უფრო წაკითხვადი არჩევანი.