Determinați culoarea unui pixel dintr-o imagine online. App Store Colorimetru. Cunoaște toate culorile

Un designer web, un dezvoltator sau un utilizator obișnuit de computer a pus probabil această întrebare de mai multe ori. Adesea este nevoie de a selecta culoarea folosită pe un obiect, de exemplu un site web sau doar un punct de pe ecranul unui monitor.

Există mai multe moduri de bază de a reprezenta culorile, cum ar fi atunci când fiecare culoare sau nuanță este desemnată HTML cod și paletă de culori RGB ca #FF7700. Acesta este reprezentat sub forma a trei perechi de cifre hexazecimale, în care fiecare pereche este responsabilă pentru propria sa culoare:
primele două cifre sunt roșii, adică — R (roșu)
doi la mijloc - verde - G (verde)
ultimele două cifre - albastru - B (albastru)
Destul de des folosesc o reprezentare furtunoasă a culorii sub forma a trei caractere #F70, care ar fi echivalent cu #FF7700.

Apropo, pe resursele web culorile sunt de obicei specificate în stiluri CSS.

Să trecem la răspunsul la întrebarea principală - Cum să aflați culoarea unui pixel pe ecranul monitorului sau pe o imagine?

Sunt multe cai...

Metoda 1. Aflați culoarea în Photoshop

Deci, să facem o „captură de ecran” apăsând tasta Print Screen (PrtSc) de pe tastatură, în locul în care dorim să aflăm codul pentru culoarea noastră. Când apăsați tasta, sistemul va salva instantaneul în clipboard. Puteți copia pur și simplu imaginea, de exemplu dintr-un browser, fără PrtSc. Acum tot ce rămâne este să lipiți imaginea din buffer în Photoshop.

Deschideți Photoshop și inserați o imagine (Fișier - Nou, Editare - Inserare). Căutăm „Pipetă” pe bara de instrumente (Tasta I), apoi facem clic stânga în zona în care dorim să „eliminăm” culoarea. Totul este gata! Acum nu mai rămâne decât să mergeți la paletă și să aflați codul de culoare.

Metoda 2. Aflați culoarea în Paint

Accesați Paint - inserați o imagine - utilizați instrumentul „paletă” - mergeți la „schimbați culorile”:

În cazul nostru, roșu este 252, verde este 168, albastru este 10, adică. RGB(252,168,10) sau în format HEX #FCA80A.

Metoda 3: Vizualizați codul elementului în browser

Voi descrie metoda pentru browserul Opera. Selectați un element de pe site cu mouse-ul și faceți clic dreapta pe el - „Vedeți codul elementului” (Ctrl + Shift + C). Se va deschide un panou cu cod html și css, va trebui să găsiți ceva de genul „culoare”.

Metoda 4. Utilizarea de instrumente sau programe speciale.

Există un număr mare de programe speciale pentru eliminarea culorii; îmi place un program foarte simplu numit „Pixie” cu o greutate de aproximativ 10-11 KB. Controalele sunt foarte simple. Pur și simplu îndreptați mouse-ul spre punctul dorit de pe ecranul monitorului și apăsați următoarele taste - Ctrl + Alt + C, drept urmare codul de culoare va fi copiat în clipboard.

Cu siguranță web designerii și artiștii grafici au întâlnit online diferite culori sau imagini pe care și-ar dori să le folosească în propriile proiecte. Este imposibil să ne amintim fiecare variație de culoare, iar instrumentul picăturilor este conceput pentru a le ajuta în acest sens, de care mai mulți designeri nu se pot descurca!

Cu el, pur și simplu faceți clic oriunde pe ecran dacă doriți să copiați o anumită culoare pentru propriile nevoi, inclusiv crearea de palete și scheme de culori.

În acest sens, vrem să vorbim despre 25 de instrumente utile pentru Windows, Mac, Firefox, Chrome, iPhone și Android.

Acum nu mai trebuie să vă amintiți culoarea: doar „prindeți”-o și treceți la treabă!

Aplicații Windows

Instant Eyedropper este un instrument gratuit care vă ajută să găsiți codurile de culoare HTML ale oricărui pixel de pe ecran. Cu un singur clic, codul va fi copiat în clipboard, după care poate fi lipit în locația dorită.

Un instrument ușor de utilizat care atașează o lupă de ecran la cursor. Folosind-o, puteți mări un anumit pixel de pe ecran. Eye Dropper 3.01 arată valorile culorilor RGB, CMYK și HEX.

Pe lângă găsirea valorii de culoare a oricărui pixel de pe ecran, Eyedropper vă permite să măsurați distanța dintre pixeli. În acest scop, puteți utiliza zoom pentru ca calculele să fie extrem de precise. Valoarea culorii este salvată automat în clipboard. Formatele disponibile includ HEX, RGB și CMYK.

Acest instrument este perfect pentru monitoare de înaltă rezoluție. Include o lupă pentru ecran, astfel încât să puteți examina mai detaliat culoarea care vă interesează. Paletele pot stoca până la 16 culori. De asemenea, veți avea la dispoziție 4 mixere de culori avansate, extinzându-vă semnificativ capacitățile. Aici, în plus, există multe funcționalități actualizate, cum ar fi amestecarea și alinierea culorilor, vizualizarea unei versiuni sigure a fiecărei culori, precum și o zonă de zoom redimensionabilă.

Quick HTML Color Picker este un instrument gratuit pentru a obține culoare pe orice ecran, cu posibilitatea de a previzualiza înainte de a face selecția finală. Culoarea va fi reprezentată în formatele RGB și HTML și copiată în clipboard.

ColorPix selectează culorile de pe ecran și le afișează în formate RGB, HEX, HSB și CMYK. Există o lupă de ecran încorporată care permite o vizualizare mai detaliată și mai amănunțită. Valorile sunt copiate automat în clipboard.

Just Color Picker nu este doar selecționerul de culoare medie - el arată culorile în formatele HTML, RGB, HSB/HSV și HSL. Just Color Picker folosește o lupă de ecran cu trei opțiuni, game de culori RGB și RYB pentru a afișa triade și culori complementare, căutări de culori potrivite, conversii de coduri de culoare și multe altele!

Acesta este un selector de culori foarte simplu care reprezintă culorile în formatele RGB, HEX, HTML și WinAPI. Puteți copia unul sau pe toate în clipboard. Instrumentul poate fi redus la minimum la un panou de alertă.

Color Cop poate fi un instrument mic, dar se mândrește cu o mulțime de opțiuni disponibile. Puteți folosi pipeta pentru a ridica o culoare oriunde pe ecran și puteți utiliza lupa de ecran pentru a mări. Culorile sunt disponibile în formatele HTML hex, Delphi hex, Powerbuilder, Visual Basic, Clarion, Visual C++, RGB float și RGB int. Puteți salva până la șapte culori în istoric, puteți găsi culori suplimentare și „sigure pentru web”, poziționați aplicația în zona pictogramei barei de activități și multe altele.

ColorMania vă permite să selectați o culoare oriunde pe ecran. Există, de asemenea, o lupă pentru o selecție mai atentă. Culorile pot fi afișate în valori RGB, HSV, HSL și CMYK. În plus, puteți salva până la șase culori în paletă.

Suplimente pentru Firefox

PixelZoomer este un supliment grozav pentru „capturarea” culorilor și convertirea lor în cod HEX. Diferă de instrumente similare prin faptul că reprezintă pagina web ca o captură de ecran și mărește în pixeli folosind un nou element CSS.

Singura diferență dintre ColorZilla și un instrument obișnuit pentru pipetă este că se află în browserul dvs. Cu acest supliment pentru Firefox, utilizatorii pot obține culoarea oricărui pixel direct în browserul lor. Paleta încorporată vă permite să selectați culorile din anumite seturi de culori și să le salvați pe cele mai frecvent utilizate într-o paletă personalizată.

Rainbow Color Tools include elemente precum un resolver care extrage imagini și CSS din pagina web curentă; un grabber care colectează culori în valori RGB și HSV; un program de control care obține culoarea oricărui pixel din browser; și în final, o bibliotecă care sortează culorile salvate după etichete sau url-ul paginii în care a fost găsită culoarea.

Acesta este unul dintre cele mai avansate instrumente de la Nvu pentru Firefox. Este destul de simplu de utilizat: doar faceți clic și obțineți culoarea. Culorile sunt prezentate după nume și în format HEX. Cu Rainbowpicker puteți schimba nuanța, saturația și luminozitatea, ceea ce, la rândul său, vă permite să creați multe variații de culoare.

aplicații Mac

Ceea ce face ColourMod unic este faptul că este disponibil în cinci versiuni diferite: Konfabulator, ColorMod V1.9, ColourMod V2.2, Unbranded și Personalized. Fiecare versiune este concepută pentru a se potrivi nevoilor dumneavoastră. Konfabulator este o versiune desktop, disponibilă pentru Mac și Windows. ColorMod V1.9 este un widget pentru tabloul de bord pentru Mac. ColourMod V2.2 – plugin pentru aplicații web. Unbranded elimină marca ColourMod, în timp ce Personalized vă permite să adăugați propriul logo la aplicație.

DigitalColor Meter este un instrument pentru Mac OS X. Dacă glisați mouse-ul pe ecran, acesta va afișa valoarea culorii oricărui pixel. Puteți seta formatul în care va fi afișată culoarea (RGB, YUV sau CIE).

O aplicație simplă și foarte utilă. Se descrie ca fiind „instrumentul de culoare pe care Mac-ul i-a lipsit”. Este situat în meniul principal până când îl apelați cu o tastă rapidă. ColorSnapper folosește o lupă de ecran pentru o mai mare acuratețe în selecție. Culoarea specificată este copiată automat în clipboard și poate fi folosită din nou mai târziu. Mai mult, vei avea la dispozitie aproximativ 13 formate diferite.

Hex Color Picker adaugă o filă suplimentară la panoul de culori la nivelul întregului sistem și puteți vedea imediat codul hexadecimal al oricărei culori. De asemenea, aveți opțiunea de a schimba culoarea folosind un set de comenzi rapide și de a utiliza opțiunea de previzualizare.

Un instrument foarte simplu care arată valorile RGB și HEX. Dacă doriți, puteți face restricții, astfel încât glisorul să arate doar culori sigure. Acest instrument este utilizat în panoul de culoare al majorității aplicațiilor de cacao și carbon.

Totul este extrem de simplu și clar: Pipette vă oferă posibilitatea de a lua orice culoare și de a o copia în format HEX. Aplicația nu va ocupa mult spațiu pe dispozitivul dvs. și nu ar trebui să aveți dificultăți în folosirea ei.

Extensii Chrome

Cu colorPicker, puteți prelua culori de pe orice pagină web, le puteți salva și copia în clipboard. Culorile sunt disponibile în următoarele valori: HSB, RGB și CMYK. Dezvoltatorii web vor găsi aici multe funcții suplimentare, inclusiv capacitatea de a verifica compatibilitatea cu WCAG 2, setările din zona picăturilor și prezența unui DOM Explorer pentru căutarea rapidă a elementelor și etichetelor pe pagină.

Această extensie nu vă permite doar să selectați culori pe orice pagină web, ci și să plasați rigle, indicatori și o scară pe ea. Rigle, ghidaje, picurator pentru ochi și selector de culoare are o gamă largă de opțiuni pentru rigle, indicatori și scale, dar selectorul de culori funcționează excelent de unul singur.

Eye Dropper este o extensie grozavă cu un selector de culoare avansat, oferind HSV, RGB și HEX culorii rezultate. Culorile sunt stocate în istoricul dvs., astfel încât să le puteți utiliza ulterior dacă este necesar sau să le puteți copia în clipboard.

Color Pick este un instrument de pipetă incredibil de simplu, cu o lupă de ecran încorporată. Extensia va stoca culoarea pe care o specificați până când selectați una nouă. Culorile sunt disponibile în formatele RGB, HSL și HEX.

aplicații pentru iPhone

Dacă sunteți dezvoltator și aveți un iPhone, Loupe vă poate ajuta să găsiți inspirație oriunde v-ați afla. Cu el, puteți lua culori din fotografiile din galeria dvs. sau din fotografiile pe care tocmai le-ați făcut. Puteți crea apoi celule de culoare, puteți salva valorile de culoare și puteți adăuga note pentru a vă ajuta să vă amintiți detaliile importante.

Acest selector de culori este potrivit pentru a crea și apoi a lucra cu palete pe iPhone. Convertește formatele în RGB, HSB și CMYK. Puteți lua culori de pe camera foto, galeria foto sau Flickr. Paletele pot fi partajate prin e-mail și sunt, de asemenea, compatibile cu Adobe Illustrator, Adobe Photoshop și Microsoft Word.

Aplicații Android

Acest instrument puternic de selecție a culorilor este indispensabil pentru designeri, programatori și artiști. Suportă 7 moduri diferite cu modele de culoare RGB, HSV, HSL și YUV. Puteți folosi atât paleta, cât și glisorul. Culorile sunt prezentate în zecimale și HEX.

LifeDropper este o aplicație Android care vă poate spune culorile obiectelor reale folosind camera dispozitivului dvs. Culorile sunt afișate în valori RGB, CMYK și HEX.

Asta e tot!

Care dintre cele 25 de „picurătoare” prezentate în articolul nostru ți-a plăcut cel mai mult? Poate folosiți un instrument care nu este inclus în lista noastră? Dacă da, spune-ne despre asta!

Într-o zi, un bărbat a învățat un computer să determine culoarea prin cod. Este simplu - codul este egal cu culoarea, iar culoarea este egală cu codul. #FFFFFF = „alb”, „negru” = #000000. Și acum computerul afișează o culoare pe monitor și trebuie să aflați codul de culoare pentru a utiliza aceeași culoare într-un alt program. Cum afli codul culorilor? Pentru a face acest lucru, aveți nevoie de un „detector de culoare pixeli” sau, cu alte cuvinte, de un „program de pipetă”. Programul ColorPic este o determinare instantanee a codului de culoare în orice punct de pe ecranul monitorului. Utilitarul recunoaște culoarea și își arată codul în format hexazecimal și zecimal. Utilitarul ColorPic este util și va servi bine designerului și dezvoltatorului.

Determinați culoarea pixelilor

Culorile determinate de program pot fi stocate într-o paletă separată de 16 culori pentru memorare. Utilizatorul poate reveni oricând la harta compilată a culorilor găsite; paleta este disponibilă chiar și după repornirea programului. ColorPic captează un fragment de ecran în jurul indicatorului mouse-ului și își afișează imaginea mărită în fereastra sa, în timp ce factorul de scalare al imaginii capturate poate fi modificat de la 2 la 36. După lansare, programul determină culoarea și desemnarea codului său pentru pixelul situat sub cursorul mouse-ului oriunde pe ecran. Pentru a adăuga o culoare la paletă, ColorPic implementează combinația de taste Ctrl+G.

Când lucrați cu imagini, de multe ori trebuie să determinați cu precizie culoarea unui pixel. Acest lucru este necesar pentru corectarea imaginii sau în munca de proiectare pentru a ajusta schema de culori a fundalului, panourilor sau butoanelor paginii dvs. de internet sau site-ului dvs. web.

Acest serviciu vă va permite să aflați culoarea unui punct online fără a descărca și instala programe suplimentare. Lucrând în serviciul nostru de pipetă online, puteți afla rapid și ușor culoarea oricărei părți a imaginii.

Pentru a face acest lucru, trebuie să încărcați o imagine pe site. Pentru a descărca fișierul, faceți clic pe butonul „Răsfoiți”. Selectați fișierul imagine dorit și faceți clic pe „Încărcare”. De îndată ce imaginea se încarcă, o veți vedea pe ecran. Apoi trebuie să mutați cursorul peste pixelul a cărui culoare doriți să determinați. Într-o fereastră separată, veți putea vedea culoarea pixelului, iar câmpul Valoare curentă va afișa numărul de pixeli corespunzător în culoarea HTML și RGB a pixelului.

Serviciul prevede salvarea codului de culoare în format de culoare HTML și RGB. Pentru a face acest lucru, trebuie să mutați cursorul peste pixelul dorit și să faceți clic pe butonul stâng al mouse-ului. În câmpul „Valori salvate” într-o fereastră separată, puteți vedea culoarea pixelilor, precum și valorile codului pixelilor salvate în format de culoare HTML și RGB.

Recenzii

Postarea vă va ajuta să determinați culoarea online folosind mai multe site-uri, unul este pur și simplu super, restul au mai puține funcționalități. Metoda va fi utilă celor care nu au posibilitatea de a folosi un program de calculator, de exemplu pe o tabletă.

Alegere pentru sanstv.ru: va găsi codul pixelului

Grozav, au început în sfârșit să facă servicii online în rusă sanstv.ru, iar aici este adresa, caracteristica distinctivă descompune fișierul până la pixel. Pentru a începe să-l utilizați, vă rugăm să priviți captura de ecran.

• Puteți insera un fișier pentru definire apăsând butonul PrtScr, aceasta va face o captură a întregului browser, dar nu va fi vizibil; pentru a-l afișa pe ecran, apăsați cntrl+f.
• Sau pur și simplu trăgându-l de pe computer în fereastra editorului.
• Poate face fotografii din fotografii de bună calitate.
• Este convenabil să aflați culoarea pe site, am făcut o fotografie și am lipit-o.

După toate manipulările, veți vedea ilustrația dvs. și o creștere mare. Pentru a determina codul de culoare (numele), trebuie să indicați nuanța necesară și să vedeți combinația.

1. Îndreptăm spre locația necesară de pe ecran, mărire mare.
2. Număr în două formațiuni rgb și hex, ambele sunt folosite, dar hex este mai popular.

Există o mulțime de lucruri utile aici, de exemplu, cum să conectați CSS ca designer de layout. Creat de un altruist, nu cere bani pentru utilizare. Să trecem la alte servicii.

Determinați cu ușurință culoarea online cu imagecolorpicker.com

Acest site imagecolorpicker.com este ușor de determinat culoarea online și funcționează rapid. Dar simplitatea vine cu câteva limitări:

• Nu puteți crește decât dacă apăsați pe cntrl și +.
• Pentru a determina umbra, nu puteți folosi drag and drop și capturi de ecran, ci doar descărcarea.

Site-ul merită atenție, pipeta este afișată prin vedere, nu-l pierdeți.

Colorist imgonline.com.ua: vă va ajuta să vă aflați chiar și culoarea părului

Acest site nu poate indica exact ce cod este necesar, îl descompune în componente principale, iată adresa. Veți avea nevoie de un designer care nu poate instala un colaj popular într-o ilustrație. Raportul arată astfel:

În primul rând, notăm numărul de nuanțe primare (și anume pixelii din imaginea cărora vor fi ordonați în ordine descrescătoare). Setăm compresia, încărcăm imaginea și așteptăm procesarea. De asemenea, ar putea fi necesar ca frizerii, de exemplu, să afle culoarea părului fără să piardă, doar încărcați o imagine a coafurii și serviciul o va descompune în umbră și nume.

Stock getcolor.ru: nu funcționează din imagine

Am pus getcolor.ru în articol pentru că nu sunt concurenți, un dezavantaj uriaș: nu există căutare după imagine. Funcționează pe baza unui cerc de nuanță simplu și selectare clic. Deplasați cursorul în direcția dorită și priviți parametrii rgb și hexadecimal.

Deși nu, am găsit un plus, poate da un nume culorii, uitați-vă mai jos, dă diferite de fiecare dată. Utilizare: de exemplu în cataloage și în layout html.

Am vorbit despre cele mai bune resurse care vă ajută să determinați culoarea online fără a instala programe. Noroc.