Determinați culoarea pe ecran online. Colorpix, un utilitar în miniatură pentru determinarea culorii oricărui punct de pe monitor

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 să o folosească program de calculator, de exemplu pe o tabletă.

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

Grozav, în sfârșit am început să o fac servicii on-lineîn rusă sanstv.ru și 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.

Mi-a spus cel mai mult cele mai bune resurse, ajutând la determinarea culorii online fără a instala programe. Noroc.

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, le 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 foarte simplu, comod, compact și de asemenea program gratuit pentru a determina culoarea pe 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ă schimbaț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.

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ă descărcare și instalare 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 necesar cu imaginea și faceți clic pe „Download”. 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

Da, pare bine, multumesc
Normal
capodoperă
greutate
Te-am ajutat foarte mult

Dacă aveți propriul site web, atunci, vrând sau fără voie, va trebui să stăpâniți instrumentele și abilitățile diferitelor profesii de pe internet. Instrumentele designerului vor trebui studiate cu deosebită atenție, deoarece calea către inima cititorului trece printr-o imagine profesională. Imaginile frumoase și bine alese de pe site-ul dvs. cresc probabilitatea de a citi informații, acesta este un fapt! Faptul că aceste poze trebuie să fie unice este, de asemenea, un fapt de necontestat. Pentru a învăța cum să facem singuri imagini, trebuie să învățăm o mulțime de detalii, iar unul dintre ele este determinarea culorii oricărui element de pe o pagină de internet. Astăzi vom vorbi despre cum să aflați culoarea de fundal pe o pagină.

Știu că există o mulțime de alte metode și instrumente, dar împărtășesc experiența mea practică în crearea de imagini. Dacă nu ești un designer profesionist, atunci acest articol îți va fi foarte util. munca in continuare. Puteți recunoaște culoarea pe o pagină folosind un plugin util ColorZilla pentru browserele Mozilla Firefox și Google Chrome.

Când avem nevoie de acest instrument?

— Dacă proiectați un site web;
- Dacă creați unul nou bloc de publicitate, corespunzătoare paletei de culori a site-ului;
— Dacă creați o schemă de culori a stilurilor pentru site;
— Dacă sunteți ocupat să desenați elemente ale unui proiect virtual;
— Dacă creați orice imagine;
— În toate celelalte cazuri când trebuie să determinați culoarea unui pixel fără a rula programe pe scară largă și care necesită resurse, cum ar fi PhotoShop sau ColorDraw.

Cum se utilizează ColorZilla?

Totul este foarte simplu! Accesați site-ul web, faceți clic pe pictograma din stânga și selectați fila de care aveți cea mai mare nevoie:

Mozilla Firefox(instrument de browser);
Google Chrome(instrument de browser);
— Generator de gradient (instrument online).

Descarca pluginul necesar pentru browser, iar după instalare pictograma extensiei va fi întotdeauna în panoul browserului dvs. Nu uitați să activați pluginul, doar faceți clic pe pictogramă.

Cum se utilizează extensia ColorZilla

voi scrie în cuvinte simple despre cum lucrez cu această extensie. Când creați sau editați o imagine în editorul Canva, despre care puteți citi mai multe dacă urmați acest link, poate fi necesar să adăugați un fundal care să fie același cu imaginea originală. În poză vezi asta cu partea dreapta exista o parte fundal alb, care ar putea fi colorat pentru a se potrivi cu culoarea de fundal a imaginii. Fără o astfel de extensie la îndemână, este foarte problematic să faci asta, poate folosind o metodă de selecție, care nu va da identitate 100%. Făcând clic pe pipeta din extensie, apoi făcând clic stânga pe orice pixel din imagine, în partea de sus apare un tooltip grozav care îmi oferă codul de culoare în hexazecimal și RGB.

Pentru a lucra cu editorul Canva, am nevoie doar de format hexazecimal. Îl copiez, iar apoi în editorul Canva introduc valoarea acestei culori și sunt foarte mulțumit de rezultat. Deci, în doar câteva mișcări pot selecta o culoare identică, adăugând astfel unicitate imaginii originale prin schimbarea dimensiunii acesteia.

Vă sugerez să stați puțin și să vă familiarizați cu toate instrumentele din această extensie care sunt în meniu. Cu siguranță veți găsi câteva dintre ele pe care le veți folosi cu deosebită plăcere. Și restul îl vei stăpâni în timp. Știi mai bine decât mine că într-o poză poți schimba nu doar fundalul, ci și că este nevoie să scrii ceva. Alegerea corectă a culorii fontului nu este, de asemenea, atât de simplă pe cât pare la prima vedere. S-ar putea să preferați o paletă sau un generator de gradient decât o picătură. Sunt sigur de un lucru: cu ColorZilla, toate problemele pot fi rezolvate foarte repede.

Ca întotdeauna, este mai bine să vezi o dată decât să citești de o sută de ori! Prin urmare, vă sugerez să vizionați un videoclip în care veți învăța cum să instalați extensia ColirZilla și să o utilizați în munca dvs. Vă doresc vizionare plăcută și poze frumoase unice!

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 browser 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 html și cod css, va trebui să găsiți ceva de genul „culoare”.

Metoda 4. Utilizarea de instrumente sau programe speciale.

Există un numar mare de programe speciale pentru îndepărtarea 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.