წარმოიდგინეთ, რომ ათვალიერებთ სურათებს და იპოვით სრულყოფილ ფერს - ზუსტად იმ ჩრდილს, რომელიც გჭირდებათ თქვენი შემდეგი დიზაინის პროექტისთვის. ინტერნეტში არის რამდენიმე გასაოცარი ინსტრუმენტი, რომელიც დაგეხმარებათ განსაზღვროთ კონკრეტული ფერები ნებისმიერ აპლიკაციაში ან ვებსაიტზე. მოდით შევხედოთ მათ რამდენიმე საუკეთესო ვარიანტს.
1. დეველოპერის ხელსაწყოების გამოყენება Chrome ვებ ბრაუზერზე
ერთი ვარიანტი, რომელიც შეგიძლიათ სცადოთ, არის Chrome Developer ინსტრუმენტი. Chrome-ს გააჩნია მრავალი სასარგებლო ფუნქცია დეველოპერებისთვის, რაც აადვილებს ამოცანების შესრულებას. შეგიძლიათ გამოიყენოთ შემდეგი ნაბიჯები კონკრეტული ფერების იდენტიფიცირებისთვის ნებისმიერ აპლიკაციაში ან ვებსაიტზე.
- გახსენით ვებსაიტი, რომელზეც გსურთ ფერის იდენტიფიცირება Chrome ბრაუზერში
- დააწკაპუნეთ სამი წერტილის ხატულაზე Chrome-ის ზედა მარჯვენა მხარეს. გამოჩნდება ამომხტარი ფანჯარა, რომელიც შეიცავს რამდენიმე ვარიანტს.
- დააწკაპუნეთ "მეტი ინსტრუმენტები" და შემდეგ აირჩიეთ "დეველოპერი ინსტრუმენტები" შედეგიანი ამომხტარი.
- გამოიყენეთ Ctrl + Shift + I თუ გსურთ გამოტოვოთ ზემოთ მოცემული ნაბიჯები
- ახლა, ფანჯარა იყოფა ორ ეკრანად - ვებსაიტი მარცხნივ და ვებსაიტის კოდი მარჯვნივ
- ჩაწერეთ Ctrl + Shift + C თქვენს კლავიატურაზე. ეს გაჩვენებთ ვებსაიტზე კონკრეტული ელემენტის ყველა დეტალს, როდესაც მაუსის კურსორს ვამაგრებთ ელემენტებზე.
- თქვენ შეგიძლიათ იპოვოთ ელემენტის ფერის კოდი სხვა სასარგებლო ინფორმაციასთან ერთად.
მაგალითი
ვთქვათ, რომ გაინტერესებთ გარკვეული ელემენტების კონკრეტული ფერის კოდები შემდეგ ვებსაიტზე:
თქვენ შეგიძლიათ აირჩიოთ დეველოპერის ხელსაწყოები თქვენი ეკრანის კუთხეში სამ წერტილზე დაწკაპუნებით. ჩამოსაშლელ მენიუში აირჩიეთ სხვა ხელსაწყოები, შემდეგ დეველოპერის ხელსაწყოები.
ეკრანი ვიზუალურად დაიყოფა ორ გვერდად. თქვენ იხილავთ ვებსაიტს მარცხნივ და საიტის კოდს მარჯვნივ.
აკრიფეთ ბრძანება და მოკლედ გაჭერით "Ctrl + Shift + C" და გადაიტანეთ მაუსის კურსორი ვებსაიტის ელემენტებზე. ეს აჩვენებს ამ ელემენტის ფერს სხვა სასარგებლო ინფორმაციასთან ერთად. ქვემოთ მოცემულია ორი მაგალითი, სადაც ვპოულობთ ნავიგაციის ზოლის ფერს და საძიებო ხელსაწყოს ქვემოთ დაფის დაფის ფერს.
აქ ჩვენ შეგვიძლია ვიპოვოთ ფერის კოდი ნავიგაციის ზოლის ამომხტარ ფანჯარაში. ფერის კოდია #333333.
დაფის ფერი სხვა სასარგებლო დეტალებთან ერთად შეგიძლიათ ნახოთ. ფერი: #333333, ფონის ფერი: #5D4A8E. მიუხედავად იმისა, რომ თავიდან შეიძლება ცოტა დამაშინებლად გამოიყურებოდეს, პროგრამის გამოყენება ბევრად უფრო ადვილი ხდება ცოტა პრაქტიკით.
2. თვალის საწვეთური Chrome Extension
Eye Dropper არის პოპულარული და ფართოდ გამოყენებული Chrome გაფართოება, რომელიც დაგეხმარებათ იპოვოთ გარკვეული ფერები ნებისმიერ ვებსაიტზე ან აპლიკაციაში.
მიჰყევით ქვემოთ მოცემულ ნაბიჯებს, რათა დაადგინოთ კონკრეტული ფერები ვებსაიტზე ან აპლიკაციაში Eye Dropper გაფართოების ხელსაწყოს გამოყენებით.
- გახსენით ნებისმიერი ვებსაიტი ან აპლიკაცია Chrome ვებ ბრაუზერში
- დააწკაპუნეთ Eye Dropper გაფართოების ხატულაზე
- აირჩიეთ „აირჩიე ფერი ვებ გვერდიდან“ და გადაიტანეთ მაუსის კურსორი აპის ან ვებსაიტის სხვადასხვა ელემენტზე.
თქვენ შეგიძლიათ იპოვოთ ელემენტების ფერის კოდი, რომელიც ჩამოთვლილია ვებგვერდის ქვედა მარჯვენა კუთხეში.
მაგალითი
კარგი, მოდით გამოვიყენოთ თვალის წვეთოვანი გაფართოების ინსტრუმენტი რეალურ მაგალითში. ჩვენ დავიწყებთ ვებსაიტის გახსნით და Eye Dropper გაფართოების ხატულაზე დაჭერით
როდესაც თქვენ ატარებთ კურსორს ვებსაიტის სხვადასხვა ელემენტებზე, ხედავთ, რომ ფერების კოდები გამოჩნდება განყოფილებაში ეკრანის ქვედა მარჯვენა მხარეს.
როდესაც ჩემს კურსორს ვატარებ V- ფორმის ხატულაზე, ვხედავ მის ფერთა კოდს ქვედა ფანჯარაში, როგორც აღვნიშნეთ. ამ ხელსაწყოს უპირატესობა ის არის, რომ თქვენ ასევე შეგიძლიათ იპოვოთ RGB კოდი ელემენტის ექვსკუთხა ფერის კოდთან ერთად. მეთოდი მოქნილია გამოსაყენებლად მათთვის, ვისაც სურს მარტივი და სწრაფი გზა აითვისოს მათი საყვარელი ფერების კოდები.