Determinați culoarea unui pixel dintr-o imagine online. Determinarea culorii pe ecranul unui monitor Un program care răspunde la modificările culorii pixelilor

Lucrând cu CSSși aspectul paginii, de multe ori trebuie să lucrați cu culori și foarte des este nevoie să determinați codul de culoare/nuanță pentru o anumită zonă a unei imagini. Există un program special numit ColorMania. Poate fi descărcat de pe acest site http://www.blacksunsoftware.com/colormania.html. După lansare arată așa.

Acest program vă permite să aflați codul de culoare în orice punct al ecranului: ținând apăsat butonul în formă de pipetă cu tasta din stânga și, fără a-l elibera, mutați-l pe ecran în locul în care doriți să determinați culoarea .

Puteți selecta tipul de afișaj color, de exemplu: în hexazecimal, ca RGB sau sub altă formă. Pentru a schimba tipul de afișare, faceți clic pe lista verticală și selectați din listă tipul de afișare de care aveți nevoie.

După ce ați ales o culoare, puteți da clic pe butonul "Copie", copiați codul de culoare în clipboard sau selectați-l cu mouse-ul și utilizați comanda rapidă de la tastatură „ctrl + C”.

Este posibil să selectați o culoare aleatorie folosind butonul "Aleatoriu".

De asemenea, puteți apela caseta de dialog standard de selecție a culorii făcând clic pe butonul „Dialog”, care vă va permite să selectați o culoare dintre culorile primare.

În caseta de dialog standard, este posibil să deschideți o casetă de dialog de selecție extinsă a culorilor făcând clic pe butonul „Definiți culoarea” iar apoi pe spectru, unde indicatorul este o cruce, selectați culoarea dorită și apăsați "BINE".

Apoi vor fi afișate culoarea pe care ați ales-o și codul acesteia.

De asemenea, este posibil să selectați o culoare după nume făcând clic pe lista derulantă cu „Culoare HTML”.

Iar ultimul lucru care poate fi menționat este că pentru a determina cu mai multă acuratețe culoarea, puteți folosi opțiunea de a mări zona ecranului situată sub pipeta. Faceți clic pe lista derulantă și modificați valoarea „Mărire”, adică alegeți mărirea cu care este mai convenabil să lucrați.

Așa că ne-am uitat la un program nu complicat, dar foarte convenabil pentru determinarea codului de culoare în hexazecimal și alte sisteme de codare.

HTMLColors2000 este un program special de detectare a culorilor care vă va ajuta să recunoașteți orice nuanță de culoare pe care o vedeți pe ecranul monitorului. După ce acest program determină o culoare, el reprezintă datele de culoare în două formate: RGB (roșu, verde, albastru) și HTML (un cod din șase cifre).

Acest program va fi pur și simplu indispensabil pentru web designerii sau pentru persoanele cărora le place să deseneze în programe de calculator. De ce este de neînlocuit? Pentru că alegerea nuanței potrivite este foarte dificilă, uneori chiar imposibilă. Există, desigur, și alte programe care pot determina culoarea, dar după ce am încercat mai multe programe, l-am ales pe acesta.

Iată argumentele mele în favoarea acestui program:

1) Cântărește foarte puțin (doar 32 kb).

2) Nu necesită instalare.

3) Consumă puține resurse de sistem.

4) Și cel mai important, foarte ușor de folosit! Pentru mine personal, cel mai important lucru despre program este fiabilitatea, viteza și simplitatea acestuia.

Lucrul cu acest program este foarte simplu:

2) Există cinci moduri de a selecta culorile:

• Selectați culorile mutând glisoarele RGB.
• Introducerea manuală a valorilor RGB.
• Selectați o culoare din lista „Nume culoare”.
• Selectați dintre nuanțe deja selectate (bara laterală se deschide cu butonul „Mai multe”).
• Butonul „Ecran”, cu ajutorul acestuia puteți determina orice culoare pe monitorul computerului.

A cincea metodă este cea mai minunată! Îți voi spune puțin mai multe despre el.

După ce faceți clic pe butonul Ecran, în colțul din stânga sus al monitorului va apărea o fereastră mică, care va afișa litere și cifre, precum și o bară mică colorată. Dacă mutați cursorul, veți observa că literele și cifrele vor începe să se schimbe, iar bara de culori se va schimba odată cu ele.

Această bară de culori afișează culoarea care se află sub cursorul mouse-ului, iar literele și numerele nu sunt altceva decât codul html al acestei culori.

Esența metodei este foarte simplă:

1) Apăsați butonul „Ecran” și mutați cursorul la culoarea pentru care doriți să obțineți codul.

2) Uită-te la colțul din stânga sus și asigură-te că nu ai ratat culoarea dorită.

3) Când cursorul se află în poziția dorită, apăsați butonul stâng al mouse-ului.

4) Acum tot ce trebuie să faci este să ridici codul primit. Fie copiați codul html, fie rescrieți valoarea RGB.

Descărcați programul de determinare a culorii:

P.S. Dacă programul nu dorește să fie instalat pe computer (ceea ce este foarte probabil dacă aveți instalat Vista sau Seven), acest fișier vă va ajuta.

Probabil una dintre primele utilitare de acest gen, dar, cu toate acestea, nu își pierde din popularitate printre webmasteri.
Programul arată codul HTML al culorii selectate și, invers, indică culoarea prin cod.

Pentru a determina culoarea de pe monitor, faceți clic pe butonul Ecran, îndreptați indicatorul spre punctul dorit și faceți clic o dată pe acest loc. Câmpul Cod HTML va afișa culoarea în Codul HTML. Tot ce rămâne este să copiați acest cod în clipboard și să-l lipiți în locația dorită.
Avantaje: programul cântărește foarte puțin și este extrem de simplu

Programul Color Picker

Avantajul acestui program este că afișează culorile în cod RGB sau HSL și, bineînțeles, în HTML.

Pentru a determina culoarea, trebuie să faceți clic pe butonul „Selectați culoarea cu mouse-ul”, cursorul mouse-ului va lua forma unei pipete, tot ce trebuie să faceți este să mutați cursorul în locația dorită și să faceți clic pe el. Programul este compatibil cu versiunile de Windows XP și versiuni ulterioare.
Necesită instalare pe un computer.

Doar Color Picker

Cred că e preferata mea. Concret, ceea ce mă ajută foarte mult este că după capturarea unei culori apare o bară în interfață cu tonalitate și luminozitate variabile ale acelei culori. Acestea. Pot muta mouse-ul peste bandă și mai apuc câteva culori similare, de exemplu, puțin mai strălucitoare, pentru selectarea ulterioară a celei optime.

• Când porniți prima dată, vă solicită să selectați o limbă, rusă este prezentă.
• Interfața lui Just Color Picker include o lupă de ecran.
• Vă permite să salvați mai multe culori.
• Realizează citiri nu cu un clic de mouse, ci cu tastele rapide Alt+X (în mod implicit), ceea ce vă permite să determinați cu mai multă precizie culoarea
• După definirea unei culori, programul va determina automat culori suplimentare care vor fi în armonie cu cea selectată și care pot fi folosite în design.
• Nu necesită instalare, rulează în fundal.

Programul este compatibil cu versiunile de Windows XP și versiuni ulterioare.

De remarcat este și programul gratuit ColorPic 4.1. Singurul său dezavantaj este că necesită instalare pe un computer, adică. nu poate rula în fundal.

Dar are avantaje mai mult decât suficiente. Programul nu este în întregime simplu, așa că o descriere și instrucțiuni pentru lucrul cu acesta sunt furnizate pe acest site într-un articol separat

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.

Lucrând la computer, desenând în Photoshop și proiectând site-uri web, de multe ori trebuie să aflu ce culori, sau mai bine zis codurile lor, au anumite obiecte pe ecranul monitorului. Pentru a crea site-uri web și a le umple cu conținut, folosesc cel mai adesea culori html și, uneori, folosesc coduri RGB în timp ce lucrez în Photoshop sau în alte editoare de imagini.

Anterior, pentru a determina culoarea unui obiect de pe monitor, a trebuit să fac o captură de ecran a ecranului (copierând în clipboard folosind „Print Screen” sau „Alt” + „Print Screen”). Apoi a trebuit să inserați imaginea în Photoshop, Paint sau alt editor de imagini și să utilizați un pipetă obișnuit pentru a afla codul de culoare al obiectului dorit. Toată această procedură mi-a luat mult timp, mai ales dacă trebuia repetată des.

Dar acum totul s-a schimbat și pentru a determina culoarea nu trebuie să copiez nimic și să creez imagini suplimentare.

Pixie este cel mai simplu detector de culoare la subrat!

În acest scurt articol, aș dori să vă prezint atenției un program foarte simplu, convenabil, compact și, de asemenea, gratuit pentru determinarea culorii pe un monitor - Pixie, care va fi util pentru creatorii de site-uri web, designeri și programatori.

Pixie- un program conceput pentru a determina rapid culoarea obiectului peste care trece mouse-ul. Afișează 4 tipuri de coduri de aceeași culoare:

1. cod HTML
2. Cod RGB
3. cod CMYK
4. Cod HSV

De exemplu, dacă treci mouse-ul peste obiect alb, apoi programul va afișa următoarele coduri de culoare:

Dacă treceți mouse-ul peste, de exemplu, Culoarea albastră, atunci programul va afișa următoarele coduri:

Folosind și combinații de taste:

1. Ctrl+Alt+C- pixie copiază culoarea în clipboard în format html #XXXXXX.
2. Ctrl+Alt+X- Pixie deschide o fereastră cu o paletă de culori.
3. Ctrl+Alt+Z- pixie mărește o zonă mică în apropierea cursorului (ca sub o lupă), astfel încât utilizatorul să poată determina cu mai multă precizie culoarea unui obiect de pe ecran.

Dacă doriți să modificați combinațiile de taste de mai sus, faceți clic dreapta pe fereastra programului și setați-o după cum doriți.

Pixie- un program foarte simplu, util și chiar necesar pentru toți programatorii, designerii, programatorii web și web designerii, care nu are nimic de prisos.

Acest program mă ajută constant în munca mea (în determinarea culorilor), așa că ți-l pot recomanda cu încredere. Mai mult, repet că este complet gratuit.

De asemenea, puteți afla despre toată lumea culori sigure pentru site.