როგორ შევქმნა ფერების პალიტრა ერთი ბრენდის ფერიდან?

შეიყვანეთ hex კოდი, ფერის სახელი, როგორიცაა teal, ან rgb() ან hsl() მნიშვნელობა ბაზის ფერის ველში და დააჭირეთ Enter-ს. შემდეგ აირჩიეთ ტიპი, როგორიცაა ბრენდის პალიტრა, დამხმელი, სამი ფერი ან ერთი ტონის, და დააწკაპუნეთ ფერის ნიმუშს მის დასაკოპირებლად.

ექსპორტის რომელ ფორმატებს უჭერს მხარს პალიტრის გენერატორი?

შეგიძლიათ ფერების კოპირება hex, rgb, hsl ან oklch ფორმატში, ასევე CSS, SCSS, JSON, Tailwind 50-950 სკალის, PNG, SVG, GIMP/Krita GPL, Adobe ASE ან Photoshop ACO ფაილების ექსპორტი. რომელ ვარიანტებს ხედავთ, დამოკიდებულია ექსპორტის კონტროლებზე.

როგორ შევამოწმო, იკითხება თუ არა ჩემი პალიტრის ფერები თეთრ ან შავ ფონზე?

თითოეულ ფერზე ნაჩვენებია თეთრზე და შავზე ნიშნები WCAG დონეებით: AAA, AA, AA დიდი ან ვერ აკმაყოფილებს. ტექსტისა და ფონის შემოწმების სექცია ასევე გაძლევთ საშუალებას აირჩიოთ ტექსტის ფერი და ფონი კონკრეტული წყვილის შესამოწმებლად.

როგორ შევინარჩუნო ზოგიერთი ფერი და დანარჩენი ხელახლა ავურიო?

დააწკაპუნეთ ამ ფერის დაბლოკვა იმ ფერის ნიმუშებზე, რომელთა შენარჩუნებაც გსურთ, შემდეგ დააჭირეთ არევას. დაბლოკილი ფერები უცვლელი რჩება, დანარჩენი კი იცვლება. ასევე, შეგიძლიათ გამოიყენოთ ამ ფერის შეცვლა ცალკეული ნიმუშის შესაცვლელად, რაც პალიტრას მონიშნავს როგორც რედაქტირებულს.

შემიძლია ჩემი პალიტრის გაზიარება ან ფერის ეკრანიდან არჩევა?

„შედეგის გაზიარება“ ქმნის ბმულს, რომელიც შეიცავს საბაზო ფერს, ტიპსა და ყველა ცვლილებას, ასე რომ, ვინც მას გახსნის, იმავე პალიტრას იხილავს. ტელეფონზე იხსნება გაზიარების მენიუ, კომპიუტერზე კი ბმული კოპირდება. „ეკრანიდან არჩევა“ იყენებს ბრაუზერის EyeDropper-ს, რომელიც მხოლოდ მისი მხარდამჭერ ბრაუზერებშია, ძირითადად Chromium-ზე დაფუძნებულებში.

მართლა უფასოა?

დიახ. ყველა ხელსაწყო სრულიად უფასოა, ანგარიშისა და საბანკო ბარათის გარეშე. სამუშაო სერვერის ნაცვლად თქვენს მოწყობილობაზე სრულდება, რაც უფასოდ გამოყენების საშუალებას იძლევა.

მობილურზე მუშაობს?

დიახ. მუშაობს iOS-ისა და Android-ის თანამედროვე მობილურ ბრაუზერებში, არაფრის ინსტალაციის გარეშე.

🎨

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

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

მუშაობს ბრაუზერშირეგისტრაცია არ საჭიროა, ამომხტარი ფანჯრები არ არისშესვლა საჭირო არ არისუფასო სამუდამოდ

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

ბაზის ფერი

ჩაწერეთ hex კოდი, ფერის სახელი (მაგ. teal ან tomato) ან rgb(20, 184, 166) / hsl(174, 80%, 40%), შემდეგ დააჭირეთ Enter-ს.

ბრენდის პალიტრა · 7 ფერი

კოპირების ფორმატი

ექსპორტი:Hex წარწერები PNG/SVG-ზე

ძირითადი

თეთრზე 2,5ვერ აკმაყოფილებს

შავზე 8,4AAA

აქცენტი

თეთრზე 2,9ვერ აკმაყოფილებს

შავზე 7,2AAA

ღია ტონი

თეთრზე 1,1ვერ აკმაყოფილებს

შავზე 19,4AAA

მუქი ჩრდილი

თეთრზე 9,0AAA

შავზე 2,3ვერ აკმაყოფილებს

ღია ნეიტრალური

თეთრზე 1,1ვერ აკმაყოფილებს

შავზე 19,3AAA

საშუალო ნეიტრალური

თეთრზე 4,1AA დიდი

შავზე 5,1AA

მუქი ნეიტრალური

თეთრზე 16,1AAA

შავზე 1,3ვერ აკმაყოფილებს

ტექსტისა და ფონის შემოწმება

ტექსტის ფერიფონი

დიდი სათაურის ნიმუში

ძირითადი ტექსტის ნიმუში ამ წყვილისთვის

8,44:1ჩვეულებრივი ტექსტი AAAდიდი ტექსტი AAA

სცადეთ ესენი

გსურთ ფერები ფოტოდან? გამოიყენეთ სურათის ფერების ამომღები

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

წაბადემი რეფერენტი ვებ ის დიზაინიშექმნა ჰარმონიული რეფერენტი სქემა ვებ საიტი, ვებ აპ და UI კომპონენტი.
შექმნა Brand რეფერენტი Paletteგანვითარება კომპლეტი brand რეფერენტი სისტემა მას ერთ brand რეფერენტი - პირველი, მეორე, accent და neutral.
წაბადემი რეფერენტი ხელოვნება და ილუსტრაცია ისშექმნა ჰარმონიული რეფერენტი კომბინაცია ციფრული ხელოვნება, ილუსტრაცია და ხელოვნური პროექტი.
წაბადემი რეფერენტი სტილი Figma ისშექმნა რეფერენტი palette Figma რეფერენტი სტილი და დიზაინი ტოკენი ფუძე.
შექმნა Dark Mode რეფერენტი Paletteწაბადემი ღია და მუქი ვარიანტი თქვენი რეფერენტი palette აგებული dark mode მხარდამჭერი.

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

ეს ხელსაწყო აშენებულია ნულოვანი გარე ბიბლიოთეკებით — ყველა ფერის მათემატიკა ხელით დაწერილ JavaScript-ში მუშაობს, პირდაპირ თქვენს ბრაუზერში. ის თქვენ მიერ არჩეულ ფერს თექვსმეტობითსა და HSL-ს შორის გარდაქმნის, შემდეგ იყენებს ფერთა თეორიის კლასიკურ ჰარმონიის წესებს (კომპლემენტარული, ტრიადული, ანალოგიური და ა.შ.) ტონის წრეზე არითმეტიკის მეშვეობით, თითოეული პალიტრის შესაქმნელად.

1
თექვსმეტობითიდან HSL-ზე გარდაქმნა
ფერის არჩევისას, ხელსაწყო ანაწილებს თექვსმეტობით სტრიქონს RGB კომპონენტებად და მათ HSL-ად (ტონი, გაჯერება, სინათლე) გარდაქმნის. ტონი არის 0–360 გრადუსიანი პოზიცია ფერის წრეზე; პალიტრის მთელი მათემატიკა ამ სივრცეში ხდება.
2
ტონის არითმეტიკა ჰარმონიისთვის
თითოეული პალიტრის ტიპი არის ფიქსირებული ტრიალის ფორმულა, გამოყენებული ბაზისურ ტონზე. კომპლემენტარული ამატებს 180°-ს, ტრიადული ამატებს 120° და 240°-ს, ტეტრადული ნაბიჯებით მიდის 90°-ით, გახლეჩილ-კომპლემენტარული იყენებს 150° და 210°-ს. მონოქრომატული და ჩრდილები ტონსა და გაჯერებას მუდმივად ინარჩუნებს, სინათლეს ზემოთ და ქვემოთ ნაბიჯებით ცვლის.
3
HSL-იდან თექვსმეტობით გამომავალი
თითოეული გამოთვლილი HSL სამეული ისევ თექვსმეტობით ფერად გარდაიქმნება სტანდარტული ქრომის ფორმულის გამოყენებით. შედეგები ჩნდება ფერის ზოლად, ავტო-კონტრასტული ეტიკეტებით (მუქი ტექსტი ღია ნიმუშებზე, ღია ტექსტი მუქებზე), განსაზღვრული მარტივი განათებულობის ზღვრით.
4
გამოტანა თქვენთვის სასურველ ფორმატში
პალიტრის კოპირება შესაძლებელია თექვსმეტობითი სტრიქონებით, ან გამოტანა, როგორც CSS ცვლადების ფაილი (:root { --color-1: … }), SCSS ცვლადები, Tailwind კონფიგურაციის ფრაგმენტი, JSON ობიექტი ან PNG ფერის ზოლი. PNG გამოტანა იყენებს ბრაუზერის Canvas API-ს (toDataURL) თითოეული ნიმუშის მისი თექვსმეტობითი ეტიკეტით დასახატად — ყველაფერი ლოკალურად გენერირდება დაწკაპუნებისას.

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

🎨

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

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

სცადე

🎨