ფერის ამომრჩევი და პალიტრის გენერატორი უფასოდ
შეარჩიეთ ფერები, გადააკეთეთ HEX/RGB/HSL შორის და შექმენით ჰარმონიული პალიტრები.
RGB
HSL
მეტი ფორმატი
WCAG კონტრასტი
უახლოესი დასახელებული ფერი: dodgerblue · შავი ტექსტი აქ უკეთ იკითხება (5,71:1)
ტონები და ელფერები (50–950)
ფერების პალიტრა
დამამთავრებელი
სამკუთხა
აკვამიანი
ერთფერი
გავრცელებული გამოყენება
- ფერი პიკერი ვებ დიზაინისთვისაირჩიეთ და შექმენით ფერი თქვენი ვებ-საიტისთვის — მიიღეთ HEX, RGB და HSL მნიშვნელობები და ჰარმონიული პალიტრა.
- Color Picker ბრენდირებისთვისააგეთ თქვენი ბრენდის ფერი პალიტრა — აირჩიეთ ძირითადი, მეორადი და აქცენტის ფერი რომელიც ერთად მუშაობს.
- Color Picker სოციალური მედიისთვისშექმენით თვალი მოთავილი ფერი პალიტრა სოციალური მედიის პოსტებისთვის, ისტორიებისთვის და პროფილის დიზაინისთვის.
- Color Picker ბეჭდვის დიზაინისთვისაირჩიეთ ფერი დაბეჭდილი მასალებისთვის — ფლაერები, ბიზნეს ბარათები, ბროშურები — ზუსტი ფერი წინამხედელობით.
- Color Picker პრეზენტაციებისთვისსლაიდ ფერი სქემის დიზაინი — აირჩიეთ წაკითხვადი ტექსტის ფერი, დიაგრამის პალიტრა და თანმიმდევრული აქცენტის ტონი.
როგორ მუშაობს
ყველაფერი პირდაპირ თქვენს ბრაუზერში მუშაობს ხელით დაწერილი გარდაქმნის მათემატიკის გამოყენებით — ფერის ბიბლიოთეკის, სერვერთან ურთიერთქმედების გარეშე. თქვენ ირჩევთ ფერს ბრაუზერის ბუნებრივი ფერის input-ის ან EyeDropper API-ის მეშვეობით, და ხელსაწყო მას მყისვე ექვს ფორმატში გარდაქმნის, ამავე დროს ითვლის WCAG კონტრასტის კოეფიციენტებს და ქმნის ჰარმონიის პალიტრებს.
- 1ფერის შეყვანა ბუნებრივი API-ს მეშვეობითთქვენ ირჩევთ ფერს ბრაუზერის ჩაშენებული <input type="color"> ვიჯეტის მეშვეობით, ან — Chromium-ზე დაფუძნებულ ბრაუზერებში — EyeDropper API გაძლევთ ეკრანზე ნებისმიერი პიქსელის ასაღების საშუალებას. ორივე გზა თექვსმეტობით სტრიქონს აბრუნებს, რომელიც ერთადერთ სიმართლის წყაროდ იქცევა.
- 2ხელით დაწერილი ფორმატის გარდაქმნებიხელსაწყო თექვსმეტობით მნიშვნელობას გარდაქმნის RGB, HSL, HSV, CMYK და OKLCH-ად, საკუთარი მათემატიკური ფუნქციების გამოყენებით (გარე ბიბლიოთეკის გარეშე). OKLCH გარდაქმნა წრფივდება sRGB არხებს, იყენებს OKLab კუბური-ფესვის მატრიცას, შემდეგ იღებს ქრომასა და ტონის კუთხეს — თანამედროვე CSS Color Level 4 გამომავალის შესაბამისად.
- 3WCAG კონტრასტის კოეფიციენტის გამოთვლაფარდობითი განათებულობა გამოითვლება წრფივი RGB არხებიდან WCAG 2.x ფორმულის გამოყენებით. შემდეგ ხელსაწყო ითვლის კონტრასტის კოეფიციენტებს სუფთა თეთრსა და სუფთა შავთან და მათ ეტიკეტირებს, როგორც AA-large, AA, AAA ან Fail, WCAG ზღვრების მიხედვით (3:1, 4.5:1, 7:1).
- 4ჰარმონიის პალიტრის გენერირება და ლოკალური შენახვაკომპლემენტარული, ტრიადული, ანალოგიური და მონოქრომატული ნიმუშები გამოყვანილია HSL-ის ტონისა და სინათლის მნიშვნელობების მათემატიკური ტრიალით ან ნაბიჯებით ცვლილებით. შენახული პალიტრები ეწერება localStorage-ში თქვენს ბრაუზერში — არაფერი ტოვებს თქვენს მოწყობილობას.
დაკავშირებული ინსტრუმენტები
შემთხვევითი ფერების გენერატორი
შექმენით შემთხვევითი ფერები ერთ-ერთად ან ხუთიანი პალიტრის სახით, დაბლოკეთ მოწონებულები, დააკოპირეთ HEX, RGB ან HSL მნიშვნელობები და გააექსპორტეთ პალიტრა PNG-ად ან CSS-ად.
ფერის კონვერტერი
გადაიყვანეთ ფერები HEX, RGB, HSL, HSV და CMYK ფორმატებს შორის მყისიერად. მოიცავს სიმსუბუქის შკალას და წინასწარ დაყენებულ ნიმუშებს.
სურათის ფერის პალიტრის ამომღები
ამოიღეთ დომინანტური ფერები ნებისმიერი სურათიდან k-means ფერის კვანტიზაციის გამოყენებით. მიიღეთ hex კოდები ფოტოს ან ლოგოს ტოპ 2-16 ფერისთვის.