RGB to HEX converter

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

#4F46E5

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

R
G
B
HEX რეზულტატი

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

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

RGB გიწვდის სამი ათობით არხს 0–255 შორის. HEX-ში გადაყვანა ცვლის თითო არხს ორ-ციფრიან ჰექსადეციმალურ მნიშვნელობად, ასე რომ მთელი ფერი ერთ კომპაქტურ ნიშანში ჯდება, რასაც ყველა ბრაუზერი, დიზაინის ინსტრუმენტი და სტილის სახელმძღვანელო მიხვდება.

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

  1. აიღე წითელი არხი და გაყავი 16-ით: ჯამი იქნება პირველი იშვიათი ციფრი, დანარჩენი — მეორე.
  2. დააწერე ციფრები 10–დან 15-მდე როგორც ასოები A–დან F — 255 გადაიზრდება FF-ად.
  3. გაიმეორე მწვანე და ლურჯი არხებისთვის, ერთნიშნა ციფრები აავსე წინამორბედით ნულით: 5 გახდება 05.
  4. შეერთე სამი წყვილი და დაუსვი წინ #.

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

RGB rgb(79, 70, 229)=HEX #4F46E5

სრულყოფილად მოქმედებს მაშინ, როცა არხები მთლიან რიცხვებადაა 0–255 შუალედში. წრფივი მნიშვნელობები როგორიცაა rgb(79.5, 70, 229) ჯერ გახურდება უახლოეს მთლიან რიცხვებზე, რადგან HEX ვერ ინახავს შუალედურ მნიშვნელობებს.

RGB და HEX ახსნილი

რას წარმოადგენს RGB?

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

სინტაქსი:
rgb(R, G, B)
დიაპაზონი:
0–255 თითო არხისთვის
საუკეთესო მისთვის:
კოდი, canvas, გამჭვირვალობა rgba()-ით

რას წარმოადგენს HEX?

HEX კოდი არის ქვესტი ექვსი ჰექსადეციმალური სიმბოლო, რომელიც ინახავს ფერის წითელ, მწვანე და ლურჯ არხებს წინმორბედ #-თან ერთად. თითოეული წყვილი სიმბოლოები ასახავს ერთ არხს 00–დან FF-მდე, რაც იძლევა იგივე 16.7 მილიონ ფერს რაც RGB, მაგრამ მოკლე ნოტაციაში. HEX არის სტანდარტი CSS-ში, დიზაინის ინსტრუმენტებში და ბრენდის გზამკვლავებში.

სინტაქსი:
#RRGGBB
დიაპაზონი:
00–FF თითო არხისთვის
საუკეთესო მისთვის:
CSS, დიზაინის გადაცემები, ბრენდის წესები

RGB to HEX სამოხელეო ცხრილი

ყველაზე გავრცელებული CSS ფერები, გადაკეთებული RGB-დან HEX-ში.

ფერიRGBHEX
blackrgb(0, 0, 0)#000000
whitergb(255, 255, 255)#FFFFFF
redrgb(255, 0, 0)#FF0000
limergb(0, 255, 0)#00FF00
bluergb(0, 0, 255)#0000FF
yellowrgb(255, 255, 0)#FFFF00
orangergb(255, 165, 0)#FFA500
tealrgb(0, 128, 128)#008080
purplergb(128, 0, 128)#800080
grayrgb(128, 128, 128)#808080

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

აიღე წითელი არხი და გაყავი 16-ით: ჯამი იქნება პირველი იშვიათი ციფრი, დანარჩენი — მეორე. დააწერე ციფრები 10–დან 15-მდე როგორც ასოები A–დან F — 255 გადაიზრდება FF-ად. გაიმეორე მწვანე და ლურჯი არხებისთვის, ერთნიშნა ციფრები აავსე წინამორბედით ნულით: 5 გახდება 05. შეერთე სამი წყვილი და დაუსვი წინ #.

სრულყოფილად მოქმედებს მაშინ, როცა არხები მთლიან რიცხვებადაა 0–255 შუალედში. წრფივი მნიშვნელობები როგორიცაა rgb(79.5, 70, 229) ჯერ გახურდება უახლოეს მთლიან რიცხვებზე, რადგან HEX ვერ ინახავს შუალედურ მნიშვნელობებს.

HEX კოდი არის ქვესტი ექვსი ჰექსადეციმალური სიმბოლო, რომელიც ინახავს ფერის წითელ, მწვანე და ლურჯ არხებს წინმორბედ #-თან ერთად. თითოეული წყვილი სიმბოლოები ასახავს ერთ არხს 00–დან FF-მდე, რაც იძლევა იგივე 16.7 მილიონ ფერს რაც RGB, მაგრამ მოკლე ნოტაციაში. HEX არის სტანდარტი CSS-ში, დიზაინის ინსტრუმენტებში და ბრენდის გზამკვლავებში.

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

HEX არის ფორმატი, რომელსაც დეველოპერებს და ბრენდის მითითებებში გადასცემენ: მოკლეა, ძნელად აკრეფისას შეცდები და ყველგან მხარდაჭერილია. სანამ არხებით გათვლა გჭირდება, დარჩი RGB-ში.