ხელსაწყოები95

რედაქტირება / პრაქტიკული სახელმძღვანელო სურათებისთვის

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

გადადით ფერიდან, რომელსაც ამჩნევთ, მნიშვნელობებზე, რომელთა გამოყენებაც შეგიძლიათ.

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

მიჰყევით სახელმძღვანელოს
რეალური შეყვანა და ჩამოტვირთული შედეგი
მანამდე ორიგინალი ფოტო იასამნისფერი ყვავილებით და მწვანე ფოთლებით თბილი ატმისფერი ფონის წინააღმდეგ.

collage-botanical.jpg: 1200 x 900 პიქსელი, 199,152 ბაიტი.

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

palette.png: 600 x 500 პიქსელი, 9,163 ბაიტი.

ორიგინალი ბოტანიკური ნიმუში და ფაქტობრივი ექვსფერიანი PNG პალიტრა. ფერები დაჯგუფებულია შემცირებული ნიმუშიდან; ბარათი შეიცავს ამოღებულ HEX მნიშვნელობებს და არა ფერშეცვლილ ფოტოს.
რეკლამები
მოკლე ვიდეო გაკვეთილი How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. ინგლისურენოვანი გახმოვანება ვიდეოს ნახვა

How to pick an image color and export a palette

რეკლამები

ჯერ ამოიღეთ მაგალითის პალიტრა, შემდეგ გამოიყენეთ ზუსტი არჩევა და ხელით რედაქტირება, რათა გადაწყვიტოთ, რომელი ფერები ეკუთვნის თქვენს პროექტს. ფერის ამომრჩევი გამოსახულებიდან-ის გახსნა.

01

ატვირთეთ და ამოიღეთ საწყისი პალიტრა

გახსენით Image Color Picker და ატვირთეთ ერთი მხარდაჭერილი სურათი, ან სცადეთ ნიმუში. ავტომატური ამოღება ტვირთავს წყაროს სერვერზე. ამ სახელმძღვანელოში მოცემული ნიმუში არის collage-botanical.jpg, 1200 x 900 ფოტო ყვავილების, ფოთლების და ატმისფერი ფონით.

დატოვეთ ფერები ამოსაღებად 6-ზე და აირჩიეთ Dominant მაგალითისთვის. Dominant ანიჭებს უპირატესობას გამოსახულების ძირითად ფერებს, ხოლო Vibrant უფრო მეტ გავლენას აძლევს ფერად აქცენტებს. მოთხოვნამ შეიძლება გამოიყენოს 3 - 12 ფერი; გამოსახულებამ ნაკლები მკაფიო ხილული ჯგუფებით შეიძლება დააბრუნოს ნაკლები ფერი.

ფაქტობრივი Dominant შედეგი შეიცავს #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. ყველაზე დიდი ჯგუფი არის #E3B49F დაახლოებით 28.88% დანახული პიქსელების. ამოღებამ გამოიყენა 512 x 384 ნიმუში; ეს პროცენტები არ არის სრული გარჩევადობის გამოსახულების ზუსტი აღწერა.

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

02

აირჩიეთ და დახვეწეთ ინდივიდუალური ფერები

დააწკაპუნეთ ან შეეხეთ სურათს პიქსელის გასასინჯად გამადიდებლით. დააფოკუსეთ სურათი და გამოიყენეთ ისრის ღილაკები ერთი პიქსელის გადასაადგილებლად, Shift პლუს ისარი ათი პიქსელის გადასაადგილებლად, შემდეგ Enter ასარჩევად. დააკოპირეთ HEX, RGB ან HSL მისი ინდივიდუალური კოპირების ღილაკით, ან გამოიყენეთ Add to palette.

აირჩიეთ ნიმუში მისი HEX მნიშვნელობის ან ფერის შესაცვლელად, გადააადგილეთ მარცხნივ ან მარჯვნივ, ან წაშალეთ. მორგებული ფერის დამატება იღებს თქვენთვის სასურველ HEX მნიშვნელობას. ფერის დაბლოკვა ინახავს არჩეულ ნიმუშს, როდესაც პალიტრის განახლება ან შეცვლილი ექსტრაქციის პარამეტრი ქმნის სხვა საწყის პალიტრას.

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

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

მაგალითი ამ სახელმძღვანელოში

ამოსაღები ფერები: 6; დომინანტური; ხელით ცვლილებების ან დაბლოკვის გარეშე; შენახვა როგორც: PNG. ავტომატურმა ექსტრაქციამ დააგროვა 512 x 384 პიქსელი.

საწყისი გამოსახულება
1200 x 900 პიქსელი
ამოღებული ფერები
6 გაუმჭვირვალე ფერი
პალიტრის ბარათი
600 x 500 პიქსელი
ჩამოტვირთულია PNG
9,163 ბაიტი
03

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

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

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

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

კონტრასტის დამაკმაყოფილებელი თანაფარდობა არის სასარგებლო შემოწმება და არა გარანტია იმისა, რომ მთელი გვერდი ხელმისაწვდომია.

04

დააკოპირეთ მნიშვნელობები ან გაიტანეთ პალიტრა

სწრაფი გადაცემისთვის, დააკოპირეთ ინდივიდუალური კოდი ან გამოიყენეთ პალიტრის HEX ფერების კოპირება. ფაილისთვის აირჩიეთ შენახვა როგორც და აირჩიეთ დაწყება. PNG ქმნის ეტიკეტირებულ პალიტრის სურათს; SVG ინახავს ნიმუშებსა და ეტიკეტებს ვექტორულ შინაარსად; CSS უზრუნველყოფს დანომრილ ფერის ცვლადებს; JSON შეიცავს HEX, RGB და HSL მნიშვნელობებს.

რედაქტირებამდე ექვსფერიანი მაგალითი ექსპორტს უკეთებს palette.png-ს 600 x 500 პიქსელზე და 9,163 ბაიტზე. მისი ნიმუშის თანმიმდევრობა ემთხვევა პალიტრას. თქვენი საბოლოო პალიტრა შეიძლება შეიცავდეს 1-დან 12-მდე ფერს რედაქტირების შემდეგ, მაშინაც კი, როდესაც ავტომატური საწყისი რაოდენობა განსხვავებული იყო.

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

PNG და SVG არის მოსახერხებელი ვიზუალური მითითებები. CSS და JSON სასარგებლოა, როდესაც შემდეგ ნაბიჯს სჭირდება ხელახლა გამოყენებადი ფერის მნიშვნელობები.

სასარგებლო დეტალები

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

ბრუნდება თუ არა პიპეტი იგივე ფერებით, როგორც ავტომატური ექსტრაქცია?

სულაც არა. არჩეული მნიშვნელობა აღწერს კონკრეტულ წყაროს ან გადახედვის პიქსელს. ავტომატური ექსტრაქცია აჯგუფებს ნიმუშის პიქსელებს და შეუძლია დააბრუნოს საშუალო ფერები.

ითვლება თუ არა გამჭვირვალე პიქსელები?

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

რა ემართება დაბლოკილ ფერებს განახლებისას?

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

შემიძლია თუ არა ამის გამოყენება ბრენდის ზუსტი ფერისთვის?

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

თქვენი ჯერია

შექმენით პალიტრა, რომელიც შეგიძლიათ გამოიყენოთ თქვენს შემდეგ დიზაინში

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

ფერის ამომრჩევი გამოსახულებიდან-ის გახსნა

სურათის დეტალები

ენა38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

აირჩიეთ თქვენი ენა. ვიდეო გაკვეთილები ამჟამად იყენებს ინგლისურ გახმოვანებას.