განსაზღვრეთ ფერი ეკრანზე ონლაინ. Colorpix, მინიატურული პროგრამა მონიტორზე ნებისმიერი წერტილის ფერის დასადგენად

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

არჩევანი sanstv.ru-სთვის: იპოვის პიქსელის კოდს

კარგი, ბოლოს დავიწყე ამის გაკეთება ონლაინ სერვისებირუსულ sanstv.ru-ზე და აქ არის მისამართი, განმასხვავებელი ფუნქცია არღვევს ფაილს პიქსელამდე. მისი გამოყენების დასაწყებად, გთხოვთ, გადახედოთ ეკრანის სურათს.

  • თქვენ შეგიძლიათ ჩასვათ ფაილი განმარტებისთვის PrtScr ღილაკზე დაჭერით, ეს გადაიღებს მთელი ბრაუზერის სურათს, მაგრამ ის არ ჩანს; ეკრანზე გამოსაჩენად დააჭირეთ cntrl+f.
  • ან უბრალოდ გადაიტანეთ იგი თქვენი კომპიუტერიდან რედაქტორის ფანჯარაში.
  • შეუძლია ფოტოების გადაღება კარგი ხარისხით.
  • საიტის ფერის გარკვევა მოსახერხებელია, გადავიღე ფოტო და დავდე.

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

  1. ჩვენ მივუთითებთ ეკრანზე საჭირო ადგილას, მაღალი გადიდება.
  2. რიცხვი ორ ფორმირებაში rgb და hex, ორივე გამოიყენება, მაგრამ hex უფრო პოპულარულია.

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

მარტივად განსაზღვრეთ ფერი ონლაინ imagecolorpicker.com-ით

ამ საიტის imagecolorpicker.com მარტივია ფერის განსაზღვრა ონლაინ და მუშაობს სწრაფად. მაგრამ სიმარტივეს აქვს გარკვეული შეზღუდვები:

  • თქვენ არ შეგიძლიათ გაზარდოთ, თუ არ დაჭერით cntrl და +.
  • ჩრდილის დასადგენად, თქვენ არ შეგიძლიათ გამოიყენოთ გადაადგილება და ეკრანის ანაბეჭდები, მხოლოდ ჩამოტვირთვა.

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

Colorist imgonline.com.ua: დაგეხმარებათ გაიგოთ თუნდაც თქვენი თმის ფერი

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

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

Stock getcolor.ru: არ მუშაობს სურათიდან

სტატიაში დავდე getcolor.ru იმიტომ, რომ არ არის პრეტენდენტები, უზარმაზარი მინუსია: არ არის ძიება გამოსახულების მიხედვით. მუშაობს მარტივი ელფერით წრის და დაწკაპუნების შერჩევის საფუძველზე. გადაიტანეთ სლაიდერი სასურველი მიმართულებით და შეხედეთ rgb და hex პარამეტრებს.

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

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

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

ადრე, მონიტორზე ობიექტის ფერის დასადგენად, მე უნდა გადამეღო ეკრანის სკრინშოტი (გაცვლის ბუფერზე კოპირება "Print Screen" ან "Alt" + "Print Screen" გამოყენებით). შემდეგ თქვენ უნდა ჩასვათ სურათი Photoshop-ში, Paint-ში ან სხვა გამოსახულების რედაქტორში და გამოეყენებინათ ჩვეულებრივი თვალის საწვეთური საჭირო ობიექტის ფერის კოდის გასარკვევად. მთელმა ამ პროცედურამ დიდი დრო დამჭირდა, მით უმეტეს, თუ ხშირად უნდა განმეორდეს.

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

Pixie არის უმარტივესი ფერთა დეტექტორი!

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

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

  1. HTML კოდი
  2. RGB კოდი
  3. CMYK კოდი
  4. კოდი HSV

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

მაგალითად, თუ მაუსის ზემოდან გადაიტანეთ, ლურჯი ფერი , შემდეგ პროგრამა აჩვენებს შემდეგ კოდებს:

ასევე გამოიყენება კლავიშთა კომბინაციები:

  1. Ctrl+Alt+C- pixie კოპირებს ფერს ბუფერში html ფორმატში #XXXXXX.
  2. Ctrl+Alt+X- პიქსი ხსნის ფანჯარას ფერთა პალიტრით.
  3. Ctrl+Alt+Z- pixie ადიდებს კურსორის მახლობლად მცირე ფართობს (როგორც გამადიდებელი შუშის ქვეშ), რათა მომხმარებელმა უფრო ზუსტად განსაზღვროს ობიექტის ფერი ეკრანზე.

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

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

ეს პროგრამა მუდმივად მეხმარება ჩემს მუშაობაში (ფერების განსაზღვრაში), ასე რომ შემიძლია დარწმუნებით გირჩიოთ. უფრო მეტიც, ვიმეორებ, რომ ის სრულიად უფასოა.

თქვენ ასევე შეგიძლიათ გაიგოთ ყველას შესახებ უსაფრთხო ფერები საიტისთვის.

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

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

ამისათვის თქვენ უნდა ატვირთოთ სურათი საიტზე. ფაილის გადმოსაწერად დააჭირეთ ღილაკს "დათვალიერება". აირჩიეთ საჭირო ფაილისურათთან ერთად და დააჭირეთ "ჩამოტვირთვას". სურათის ჩატვირთვისთანავე დაინახავთ მას ეკრანზე. შემდეგ თქვენ უნდა გადაიტანოთ კურსორი პიქსელზე, რომლის ფერის დადგენა გსურთ. ცალკე ფანჯარაში თქვენ შეძლებთ პიქსელის ფერის ნახვას, ხოლო Current Value ველში გამოჩნდება შესაბამისი პიქსელის ნომერი პიქსელის HTML და RGB ფერებში.

სერვისი ითვალისწინებს ფერის კოდის შენახვას HTML და RGB ფერის ფორმატში. ამისათვის თქვენ უნდა გადაიტანოთ კურსორი სასურველ პიქსელზე და დააჭიროთ მაუსის მარცხენა ღილაკს. ცალკე ფანჯარაში "შენახული მნიშვნელობების" ველში შეგიძლიათ იხილოთ პიქსელის ფერი, ასევე შენახული პიქსელის კოდის მნიშვნელობები HTML და RGB ფერის ფორმატში.

მიმოხილვები

დიახ, როგორც ჩანს, კარგია, მადლობა
ნორმალური
ხელოვნების ნიმუში
წონა
ჩვენ ძალიან დაგეხმარეთ

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

ვიცი, რომ ბევრი სხვა მეთოდი და ინსტრუმენტი არსებობს, მაგრამ სურათების შექმნის პრაქტიკულ გამოცდილებას ვუზიარებ. თუ არ ხართ პროფესიონალი დიზაინერი, მაშინ ეს სტატია ძალიან გამოგადგებათ. შემდგომი მუშაობა. თქვენ შეგიძლიათ ამოიცნოთ ფერი გვერდზე სასარგებლო დანამატის გამოყენებით ColorZilla Mozilla Firefox და Google Chrome ბრაუზერებისთვის.

როდის გვჭირდება ეს ინსტრუმენტი?

— თუ თქვენ ქმნით ვებსაიტს;
- თუ ახალს ქმნი სარეკლამო ბლოკი, საიტის ფერის პალიტრას შესაბამისი;
— თუ თქვენ ქმნით საიტის სტილის ფერთა სქემას;
— თუ დაკავებული ხართ ვირტუალური პროექტის ელემენტების დახატვით;
— თუ შექმნით რაიმე სურათს;
— ყველა სხვა შემთხვევაში, როდესაც საჭიროა პიქსელის ფერის განსაზღვრა ფართომასშტაბიანი და რესურსზე ინტენსიური პროგრამების გაშვების გარეშე, როგორიცაა PhotoShop ან ColorDraw.

როგორ გამოვიყენოთ ColorZilla?

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

Mozilla Firefox(ბრაუზერის ინსტრუმენტი);
გუგლ ქრომი(ბრაუზერის ინსტრუმენტი);
- გრადიენტის გენერატორი (ონლაინ ინსტრუმენტი).

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

როგორ გამოვიყენოთ ColorZilla გაფართოება

დავწერ მარტივი სიტყვებითიმის შესახებ, თუ როგორ ვმუშაობ ამ გაფართოებასთან. Canva რედაქტორში სურათის შექმნის ან რედაქტირებისას, რომლის შესახებაც შეგიძლიათ მეტი წაიკითხოთ, თუ მიჰყვებით ამ ბმულს, შეიძლება დაგჭირდეთ ფონის დამატება, რომელიც იგივეა, რაც ორიგინალური სურათი. სურათზე ხედავთ, რომ მარჯვენა მხარეარის ნაწილი თეთრი ფონი, რომელიც შეიძლება იყოს ფერადი სურათის ფონის ფერის შესატყვისად. ასეთი გაფართოების გარეშე, ამის გაკეთება ძალიან პრობლემურია, შესაძლოა შერჩევის მეთოდის გამოყენებით, რომელიც არ იძლევა 100% იდენტურობას. გაფართოებაში თვალის საწვეთურზე დაწკაპუნებით და შემდეგ გამოსახულების ნებისმიერ პიქსელზე მარცხნივ დაწკაპუნებით, ზევით გამოჩნდება შესანიშნავი ინსტრუმენტი, რომელიც მაძლევს ფერის კოდს თექვსმეტობით და RGB-ში.

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

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

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

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

ფერების წარმოდგენის რამდენიმე ძირითადი გზა არსებობს, მაგალითად, როდესაც მითითებულია თითოეული ფერი ან ჩრდილში HTMLკოდი და ფერების პალიტრა RGBროგორც #FF7700. ეს წარმოდგენილია სამი წყვილი თექვსმეტობითი ციფრის სახით, რომელშიც თითოეული წყვილი პასუხისმგებელია საკუთარ ფერზე:
პირველი ორი ციფრი წითელია, ე.ი. - R (წითელი)
ორი შუაში - მწვანე - G (მწვანე)
ბოლო ორი ციფრი - ლურჯი - B (ლურჯი)
ხშირად ისინი იყენებენ ფერის მზაკვრულ წარმოდგენას სამი სიმბოლოს სახით #F70, რაც #FF7700-ის ექვივალენტური იქნება.

სხვათა შორის, ვებ რესურსებზე ფერები ჩვეულებრივ მითითებულია CSS სტილში.

მოდით გადავიდეთ მთავარ კითხვაზე პასუხის გაცემაზე - როგორ გავარკვიოთ პიქსელის ფერი მონიტორის ეკრანზე ან სურათზე?

ბევრი გზა არსებობს...

მეთოდი 1. შეიტყვეთ ფერი Photoshop-ში

მაშ ასე, გადავიღოთ „სკრინშოტი“ კლავიატურაზე Print Screen (PrtSc) ღილაკზე დაჭერით, იმ ადგილას, სადაც გვინდა გავარკვიოთ ჩვენი ფერის კოდი. როდესაც დააჭირეთ ღილაკს, სისტემა შეინახავს სნეპშოტს ბუფერში. თქვენ შეგიძლიათ უბრალოდ დააკოპიროთ სურათი, მაგალითად, ბრაუზერიდან, PrtSc-ის გარეშე. ახლა რჩება მხოლოდ სურათის ჩასმა ბუფერიდან Photoshop-ში.

გახსენით Photoshop და ჩადეთ სურათი (ფაილი - ახალი, რედაქტირება - ჩასმა). ჩვენ ვეძებთ „პიპეტს“ ინსტრუმენტთა პანელზე (გასაღები I), შემდეგ ვაწკაპუნეთ მაუსის მარცხენა ღილაკით იმ მხარეზე, სადაც გვინდა ფერის „ამოღება“. ყველაფერი მზადაა! ახლა რჩება მხოლოდ პალიტრაზე გადასვლა და ფერის კოდის გარკვევა.

მეთოდი 2. გაარკვიეთ ფერი Paint-ში

გადადით Paint-ზე - ჩადეთ სურათი - გამოიყენეთ "პალიტრა" ხელსაწყო - გადადით "ფერების შეცვლაზე":

ჩვენს შემთხვევაში, წითელი არის 252, მწვანე არის 168, ლურჯი არის 10, ე.ი. RGB(252,168,10) ან HEX ფორმატში #FCA80A.

მეთოდი 3: ნახეთ ელემენტის კოდი ბრაუზერში

მე აღვწერ მეთოდს ოპერის ბრაუზერი. აირჩიეთ ელემენტი საიტზე მაუსის საშუალებით და დააწკაპუნეთ მასზე მარჯვენა ღილაკით - "ელემენტის კოდის ნახვა" (Ctrl + Shift + C). გაიხსნება პანელი html-ით და css კოდი, მოგიწევთ იპოვოთ რაღაც "ფერის" მსგავსი.

მეთოდი 4. სპეციალური ხელსაწყოების ან პროგრამების გამოყენება.

არსებობს დიდი რიცხვი სპეციალური პროგრამებიფერის მოსაშორებლად, მომწონს ძალიან მარტივი პროგრამა სახელწოდებით "Pixie", რომლის წონაა დაახლოებით 10-11 KB. კონტროლი ძალიან მარტივია. უბრალოდ მიუთითეთ მაუსი მონიტორის ეკრანზე სასურველ წერტილზე და დააჭირეთ შემდეგ კლავიშებს - Ctrl + Alt + C, რის შედეგადაც ფერადი კოდი დაკოპირდება ბუფერში.