მთავარ შინაარსზე გადასვლა
LibraTool logoLibraTool

ფერის კონვერტერი უფასოდ

გადაიყვანეთ ფერები HEX, RGB, HSL, HSV და CMYK ფორმატებს შორის მყისიერად. მოიცავს სიმსუბუქის შკალას და წინასწარ დაყენებულ ნიმუშებს.

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

გადაიყვანეთ ფერი HEX-ის, RGB-ის, HSL-ის, HSV-ის და CMYK-ის შორის — ცოცხალი გადახედვით და ერთ დაჭერით კოპირებით. ყველაფერი თქვენს ბრაუზერში მუშაობს.

იღებს: HEX (#fff ან #ffffff), RGB (255, 255, 255), ან HSL (360, 100%, 50%)

100%
შაბლონები:
HEX#14B8A6
rgb() · ძველიrgb(20, 184, 166)
rgb() · თანამედროვეrgb(20 184 166)
hsl() · ძველიhsl(173, 80%, 40%)
hsl() · თანამედროვეhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB მნიშვნელობები20, 184, 166

WCAG კონტრასტი

თეთრ ფონზე

2,49:1

მარცხი

შავი ფონზე

8,44:1

AAA
🖨️ ბეჭდვისთვის: ეს CMYK მნიშვნელობები (89%, 0%, 10%, 28%) არის სტანდარტული sRGB→CMYK მიახლოება ცნობადობის მიზნით. ზუსტი ბეჭდვის ფერისთვის, გამოიყენეთ თქვენი პრინტერის ICC პროფილი ან დაბეჭდილი კოპია — ეკრანის CMYK ვერ დაემთხვა ყველა მელნს/ქაღალდს.

სიკაშკაშის სკალა

დააჭირე ნიმუშს ამ ელფერზე გადასვლისთვის

გავრცელებული გამოყენება

  • გადააკეთეთ ფერი ვებ დიზაინიმიიღეთ HEX, RGB, და HSL მნიშვნელობა ნებისმიერი ფერი — წინა წებო CSS ან Tailwind.
  • გადააკეთეთ ფერი დაბეჭდვა (CMYK)გადააკეთეთ ეკრანი ფერი (HEX/RGB) CMYK მნიშვნელობა გამოყენების დაბეჭდვა დიზაინი და პროფესიონალი დაბეჭდვა.
  • აშენებული ფერი საფუძვლებელი Design სისტემაგადააკეთეთ აირებული ფერი გარშემო ფორმატი და აიღეთ თანმიმდევრული brightness განზომილებული სრულ design სისტემა.
  • ფერის კონტრასტის შემოწმება მისაწვდომობის მიერფერების კონვერტაცია RGB მნიშვნელობების მისაღებად კონტრასტის თანაფარდობის ხელსაწყოებში გამოყენებისთვის - WCAG დაშვება მისაწვდომი დიზაინის მიერ.
  • ფერების კონვერტაცია Figma-სთვისზუსტი HEX და RGB მნიშვნელობების მისაღებად Figma ფერის შერჩევაში და დიზაინის სიმბოლო სისტემებში ჩასასმელად.

როგორ მუშაობს

ყოველი გარდაქმნის ლოგიკა ხელით დაწერილი JavaScript-ია, რომელიც მთლიანად თქვენს ბრაუზერში მუშაობს — ბიბლიოთეკის, სერვერის გამოძახების გარეშე. ხელსაწყო აანალიზებს თქვენს შეყვანას, მას სუფთა მათემატიკური ფუნქციების ჯაჭვში ატარებს და ერთდროულად ქმნის თერთმეტ გამომავალ ფორმატს, თანამედროვე CSS Color 4 სივრცეების oklch() და lab()-ის ჩათვლით.

  1. 1
    მოქნილი შეყვანის დამუშავება
    მორგებული პარსერი იღებს თექვსმეტობითს (3, 4, 6 ან 8 ციფრი), rgb()/rgba()-ს, hsl()/hsla()-ს, ორივე, ძველი მძიმეებზე-დაფუძნებულ და თანამედროვე ცარიელი-ადგილით სინტაქსში, და შიშველ რიცხვით სამეულებს. ალფას მნიშვნელობები, ათწილადებად ან პროცენტებად, ნორმალიზდება 0–1 დიაპაზონამდე, ნებისმიერი გარდაქმნის დაწყებამდე.
  2. 2
    RGB, როგორც გარდაქმნის ცენტრი
    ყოველი მიღებული ფორმატი ჯერ გარდაიქმნება კანონიკურ RGB სამეულად. ამ ერთი წარმოდგენიდან ხელსაწყო იშლება: HSL და HSV იყენებენ სტანდარტულ min/max/ქრომის ფორმულებს; CMYK გამოიყვანება საკვანძო არხის პოვნით; ხოლო sRGB წრფივიზაცია (ნაწილობრივი გამა-მრუდი, განსაზღვრული IEC 61966-2-1-ში) გამოიყენება აღქმითი-სივრცის გამოთვლებამდე.
  3. 3
    აღქმითი ფერის სივრცეები, ნულიდან გამოთვლილი
    oklch() გამოითვლება ბიორნ ოტოსონის საცნობარო 3×3 მატრიცების გამოყენებით (LMS კუბური-ფესვის სივრცე). lab() და lch() იყენებენ ბრადფორდის ქრომატულ ადაპტაციას, D65 თეთრი წერტილიდან D50-ზე გადასაყვანად, რაც ემთხვევა, თუ როგორ განსაზღვრავს CSS Color 4 lab()-ს. ეს იგივე ფორმულებია, რასაც ბრაუზერის რენდერის ძრავები იყენებენ — აქ დანერგილი გარე დამოკიდებულების გარეშე.
  4. 4
    WCAG კონტრასტი და სინათლის სკალა
    ფარდობითი განათებულობა გამოითვლება WCAG 2.1 ფორმულით (წრფივი R, G, B, წონილი 0.2126/0.7152/0.0722), და კონტრასტის კოეფიციენტი თეთრსა და შავთან — შეფასებულია, როგორც AA-large, AA, AAA ან Fail. ცხრასაფეხურიანი სინათლის ზოლი გენერირდება HSL-ის სინათლის არხის 10%-დან 90%-მდე ნაბიჯებით გავლით, ნებისმიერ ნიმუშზე დაწკაპუნების საშუალებით ამ ტონის გასაყვანად.

დაკავშირებული ინსტრუმენტები

🎨

ფერის ამომრჩევი და პალიტრის გენერატორი

შეარჩიეთ ფერები, გადააკეთეთ HEX/RGB/HSL შორის და შექმენით ჰარმონიული პალიტრები.

სცადე
🎨

შემთხვევითი ფერების გენერატორი

შექმენით შემთხვევითი ფერები ერთ-ერთად ან ხუთიანი პალიტრის სახით, დაბლოკეთ მოწონებულები, დააკოპირეთ HEX, RGB ან HSL მნიშვნელობები და გააექსპორტეთ პალიტრა PNG-ად ან CSS-ად.

სცადე
🎨

ფერების პალიტრის გენერატორი

გენერირება გაუკეთეთ კომპლემენტარულ, ანალოგიურ, ტრიადულ და მონოქრომატულ ფერების პალიტრებს ნებისმიერი საბაზო ფერიდან. დააკოპირეთ hex კოდები ერთი დაჭერით.

სცადე

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