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

მუშაობა CSSდა გვერდის განლაგება, ხშირად გიწევთ ფერებთან მუშაობა და ძალიან ხშირად არის საჭირო სურათის მოცემული არეალის ფერის/ჩრდილის კოდის განსაზღვრა. ამისათვის არის სპეციალური პროგრამა, რომელსაც ე.წ ColorMania. მისი ჩამოტვირთვა შესაძლებელია ამ საიტიდან http://www.blacksunsoftware.com/colormania.html. გაშვების შემდეგ ასე გამოიყურება.

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

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

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

ღილაკის გამოყენებით შესაძლებელია შემთხვევითი ფერის არჩევა "შემთხვევითი".

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

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

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

ასევე შესაძლებელია ფერის არჩევა სახელის მიხედვით ჩამოსაშლელ სიაზე დაწკაპუნებით "HTML ფერი".

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

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

HTMLColors2000 არის სპეციალური ფერის ამოცნობის პროგრამა, რომელიც დაგეხმარებათ ამოიცნოთ ნებისმიერი ფერის ჩრდილი, რომელსაც ხედავთ მონიტორის ეკრანზე. მას შემდეგ, რაც პროგრამა განსაზღვრავს ფერს, იგი წარმოადგენს ფერის მონაცემებს ორ ფორმატში: RGB (წითელი მწვანე ლურჯი) და HTML (ექვსნიშნა კოდი).

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

აქ არის ჩემი არგუმენტები ამ პროგრამის სასარგებლოდ:

1) ის ძალიან ცოტას იწონის (მხოლოდ 32 კბ).

2) არ არის საჭირო ინსტალაცია.

3) მოიხმარს რამდენიმე სისტემის რესურსს.

4) და რაც მთავარია, ძალიან მარტივი გამოსაყენებელია! პირადად ჩემთვის, პროგრამის შესახებ ყველაზე მნიშვნელოვანი არის მისი საიმედოობა, სიჩქარე და სიმარტივე.

ამ პროგრამით მუშაობა მართლაც ძალიან მარტივია:

2) ფერების არჩევის ხუთი გზა არსებობს:

• აირჩიეთ ფერები RGB სლაიდერების გადაადგილებით.
• RGB მნიშვნელობების ხელით შეყვანა.
• აირჩიეთ ფერი "ფერის სახელი" სიიდან.
• აირჩიეთ უკვე შერჩეული ჩრდილებიდან (გვერდითი ზოლი იხსნება ღილაკით „მეტი“).
• ღილაკი "ეკრანი", მისი დახმარებით შეგიძლიათ განსაზღვროთ ნებისმიერი ფერი თქვენს კომპიუტერის მონიტორზე.

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

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

ეს ფერის ზოლი აჩვენებს ფერს, რომელიც არის თქვენი მაუსის კურსორის ქვეშ და ასოები და რიცხვები სხვა არაფერია, თუ არა ამ ფერის html კოდი.

მეთოდის არსი ძალიან მარტივია:

1) თქვენ დააჭირეთ ღილაკს "ეკრანი" და გადაიტანეთ კურსორი იმ ფერზე, რომლისთვისაც გსურთ კოდის მიღება.

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

3) როდესაც კურსორი სასურველ პოზიციაზეა, დააჭირეთ მაუსის მარცხენა ღილაკს.

4) ახლა თქვენ მხოლოდ უნდა აიღოთ მიღებული კოდი. ან დააკოპირეთ html კოდი ან გადაწერეთ RGB მნიშვნელობა.

ჩამოტვირთეთ ფერის განსაზღვრის პროგრამა:

P.S.თუ პროგრამას არ სურს თქვენს კომპიუტერში დაინსტალირება (რაც ძალიან სავარაუდოა, თუ დაინსტალირებული გაქვთ Vista ან Seven), ეს ფაილი დაგეხმარებათ.

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

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

Color Picker პროგრამა

ამ პროგრამის უპირატესობა ის არის, რომ ის აჩვენებს ფერებს RGB ან HSL კოდით და რა თქმა უნდა, HTML-ში.

ფერის დასადგენად უნდა დააჭიროთ ღილაკს "Select Color with Mouse", მაუსის კურსორი მიიღებს საწვეთურის ფორმას, საკმარისია კურსორის გადატანა სასურველ ადგილას და დააწკაპუნოთ მასზე. პროგრამა თავსებადია Windows XP და უფრო მაღალ ვერსიებთან.
საჭიროებს ინსტალაციას კომპიუტერზე.

უბრალოდ ფერის ამომრჩევი

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

• როდესაც პირველად დაიწყებთ, ის მოგთხოვთ აირჩიოთ ენა, არის რუსული.
• Just Color Picker-ის ინტერფეისი მოიცავს ეკრანის გამადიდებელს.
• საშუალებას გაძლევთ შეინახოთ მრავალი ფერი.
• კითხულობს არა მაუსის დაწკაპუნებით, არამედ ცხელი კლავიშებით Alt+X (ნაგულისხმევად), რაც საშუალებას გაძლევთ უფრო ზუსტად განსაზღვროთ ფერი
• ფერის განსაზღვრის შემდეგ, პროგრამა ავტომატურად განსაზღვრავს დამატებით ფერებს, რომლებიც არჩეულთან ჰარმონიაში იქნება და რომელიც შეიძლება გამოყენებულ იქნას დიზაინში.
• არ საჭიროებს ინსტალაციას, მუშაობს ფონზე.

პროგრამა თავსებადია Windows XP და უფრო მაღალ ვერსიებთან.

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

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

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

ფერების წარმოდგენის რამდენიმე ძირითადი გზა არსებობს, მაგალითად, როდესაც მითითებულია თითოეული ფერი ან ჩრდილში 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, რის შედეგადაც ფერადი კოდი დაკოპირდება ბუფერში.

კომპიუტერზე მუშაობისას, 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 ადიდებს კურსორის მახლობლად მცირე ფართობს (როგორც გამადიდებელი შუშის ქვეშ), რათა მომხმარებელმა უფრო ზუსტად განსაზღვროს ობიექტის ფერი ეკრანზე.

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

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

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

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