Cum afli culoarea de fundal pe o pagină? Alege ColorZilla! App Store Colorimetru. Cunoaște toate culorile

Foarte des, atunci când lucrați cu site-uri web și imagini, aveți nevoie determina culoarea orice punct de pe ecranul monitorului.

De exemplu, doriți să faceți culoarea de fundal pe site-ul dvs. exact aceeași cu culoarea cerului albastru din fotografie. Sau faceți fontul titlului de aceeași culoare cu verdele mare. Sau invers, utilizați culoarea fontului ca fundal pentru a crea un banner. Pe scurt, există multe opțiuni. Alegerea atentă a culorilor înseamnă mult atât în ​​design web, cât și în munca unui webmaster.

Determinarea unei culori înseamnă găsirea codului acesteia. Apoi codul, in functie de obiectivele tale, poate fi folosit atat in diverse editori grafici, cat si direct in codul html.

Cel mai adesea este folosit, în care codul poate fi reprezentat în sisteme zecimal și hexazecimal.

Este foarte convenabil să folosiți o pipetă pentru a determina culoarea. Dar, pe lângă acest program, există și altele cu care poți face asta.

Picură Adobe Photoshop

Cred că puțini utilizatori ai acestui program știu că folosindu-l poți determina culoarea nu numai orice punct din imagine deschis în editor, ci și orice punct de pe ecranul monitorului.

Acest lucru se face foarte simplu. Deschideți, creați o imagine în ea și, fără a elibera butonul stâng al mouse-ului, mutați cursorul pipetei în locul în care se află punctul pe care l-ați selectat. Acesta poate fi orice punct din afara ferestrei programului. Pe măsură ce mutați cursorul, veți vedea cum se schimbă culoarea desenului în paleta de culori. După selectarea punctului dorit, eliberați butonul mouse-ului. Faceți clic pe caseta de culoare a desenului de pe paleta de culori și vedeți codul pentru culoarea dvs.

Această metodă de determinare a culorii este convenabilă deoarece nu necesită instalarea niciunui program suplimentar, cu excepția Photoshop, pe care majoritatea utilizatorilor l-au instalat deja.

Î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.

HEX/HTML

Culoarea HEX nu este altceva decât o reprezentare hexazecimală a RGB.

Culorile sunt reprezentate ca trei grupuri de cifre hexazecimale, unde fiecare grup este responsabil pentru propria sa culoare: #112233, unde 11 este roșu, 22 este verde, 33 este albastru. Toate valorile trebuie să fie între 00 și FF.

Multe aplicații permit o formă scurtă de notație de culoare hexazecimală. Dacă fiecare dintre cele trei grupuri conține aceleași caractere, de exemplu #112233, atunci acestea pot fi scrise ca #123.

1. h1 (culoare: #ff0000; ) /* roșu */
2. h2 (culoare: #00ff00; ) /* verde */
3. h3 (culoare: #0000ff; ) /* albastru */
4. h4 (culoare: #00f; ) /* același albastru, stenografie */

RGB

Spațiul de culoare RGB (roșu, verde, albastru) constă din toate culorile posibile care pot fi create prin amestecarea roșu, verde și albastru. Acest model este popular în fotografie, televiziune și grafică pe computer.

Valorile RGB sunt specificate ca un număr întreg de la 0 la 255. De exemplu, rgb(0,0,255) este afișat ca albastru deoarece parametrul albastru este setat la cea mai mare valoare (255), iar ceilalți sunt setati la 0.

Unele aplicații (în special browserele web) acceptă înregistrarea procentuală a valorilor RGB (de la 0% la 100%).

1. h1 (culoare: rgb(255, 0, 0); ) /* roșu */
2. h2 (culoare: rgb(0, 255, 0); ) /* verde */
3. h3 (culoare: rgb(0, 0, 255); ) /* albastru */
4. h4 (culoare: rgb(0%, 0%, 100%); ) /* același albastru, intrare procentuală */

Valorile de culoare RGB sunt acceptate în toate browserele majore.

RGBA

Recent, browserele moderne au învățat să lucreze cu modelul de culoare RGBA - o extensie a RGB cu suport pentru un canal alfa, care determină opacitatea unui obiect.

Valoarea culorii RGBA este specificată ca: rgba (roșu, verde, albastru, alfa). Parametrul alfa este un număr care variază de la 0,0 (complet transparent) la 1,0 (complet opac).

1. h1 (culoare: rgb(0, 0, 255); ) /* albastru în RGB obișnuit */
2. h2 (culoare: rgba(0, 0, 255, 1); ) /* același albastru în RGBA, deoarece opacitate: 100% */
3. h3 (culoare: rgba(0, 0, 255, 0,5); ) /* opacitate: 50% */
4. h4 (culoare: rgba(0, 0, 255, .155); ) /* opacitate: 15,5% */
5. h5 (culoare: rgba(0, 0, 255, 0); ) /* complet transparent */

RGBA este acceptat în IE9+, Firefox 3+, Chrome, Safari și Opera 10+.

HSL

Modelul de culoare HSL este o reprezentare a modelului RGB într-un sistem de coordonate cilindric. HSL reprezintă culorile într-un mod mai intuitiv și mai ușor de citit de om decât RGB tipic. Modelul este adesea folosit în aplicații grafice, palete de culori și analiza imaginilor.

HSL înseamnă Hue (culoare/nuanță), Saturation (saturație), Luminozitate/Luminare (luminozitate/luminozitate/luminozitate, a nu fi confundat cu luminozitatea).

Nuanța specifică poziția culorii pe roata de culori (de la 0 la 360). Saturația este valoarea procentuală a saturației (de la 0% la 100%). Luminozitatea este un procent de luminozitate (de la 0% la 100%).

1. h1 (culoare: hsl(120, 100%, 50%); ) /* verde */
2. h2 (culoare: hsl(120, 100%, 75%); ) /* verde deschis */
3. h3 (culoare: hsl(120, 100%, 25%); ) /* verde închis */
4. h4 (culoare: hsl(120, 60%, 70%); ) /* verde pastel */

HSL este acceptat în IE9+, Firefox, Chrome, Safari și Opera 10+.

HSLA

Similar cu RGB/RGBA, HSL are un mod HSLA cu suport pentru canal alfa pentru a indica opacitatea unui obiect.

Valoarea culorii HSLA este specificată ca: hsla (nuanță, saturație, luminozitate, alfa). Parametrul alfa este un număr care variază de la 0,0 (complet transparent) la 1,0 (complet opac).

1. h1 (culoare: hsl(120, 100%, 50%); ) /* verde în HSL normal */
2. h2 (culoare: hsla(120, 100%, 50%, 1); ) /* același verde în HSLA, deoarece opacitate: 100% */
3. h3 (culoare: hsla(120, 100%, 50%, 0,5); ) /* opacitate: 50% */
4. h4 (culoare: hsla(120, 100%, 50%, .155); ) /* opacitate: 15,5% */
5. h5 (culoare: hsla(120, 100%, 50%, 0); ) /* complet transparent */

CMYK

Modelul de culoare CMYK este adesea asociat cu imprimarea și imprimarea color. CMYK (spre deosebire de RGB) este un model subtractiv, ceea ce înseamnă că valorile mai mari sunt asociate cu culori mai închise.

Culorile sunt determinate de raportul dintre cyan (cyan), magenta (magenta), galben (galben), cu adăugarea de negru (cheie/negru).

Fiecare dintre numerele care definesc o culoare în CMYK reprezintă procentul de cerneală dintr-o anumită culoare care alcătuiește combinația de culori sau, mai precis, dimensiunea punctului ecranului care este scos pe o mașină de fotocompunere pe film de o anumită culoare ( sau direct pe placa de imprimare în cazul CTP).

De exemplu, pentru a obține culoarea PANTONE 7526, ar trebui să amestecați 9 părți cyan, 83 părți magenta, 100 părți galben și 46 părți negru. Acesta poate fi notat astfel: (9,83,100,46). Uneori sunt utilizate următoarele denumiri: C9M83Y100K46 sau (9%, 83%, 100%, 46%) sau (0,09/0,83/1,0/0,46).

HSB/HSV

HSB (cunoscut și ca HSV) este similar cu HSL, dar sunt două modele de culori diferite. Ambele se bazează pe geometrie cilindrică, dar HSB/HSV se bazează pe modelul „hexcon”, în timp ce HSL se bazează pe modelul „bi-hexcon”. Artiștii preferă adesea să folosească acest model, este în general acceptat că dispozitivul HSB/HSV este mai aproape de percepția naturală a culorilor. În special, modelul de culoare HSB este utilizat în Adobe Photoshop.

HSB/HSV înseamnă Hue (culoare/nuanță), Saturation (saturație), Brightness/Value (luminozitate/valoare).

Nuanța specifică poziția culorii pe roata de culori (de la 0 la 360). Saturația este valoarea procentuală a saturației (de la 0% la 100%). Luminozitatea este un procent din luminozitate (de la 0% la 100%).

XYZ

Modelul de culoare XYZ (CIE 1931 XYZ) este un spațiu pur matematic. Spre deosebire de RGB, CMYK și alte modele, în XYZ componentele principale sunt „imaginare”, ceea ce înseamnă că nu puteți asocia X, Y și Z cu niciun set de culori de amestecat. XYZ este modelul principal pentru aproape toate celelalte modele de culoare utilizate în domeniile tehnice.

LAB

Modelul de culoare LAB (CIELAB, „CIE 1976 L*a*b*”) este calculat din spațiul CIE XYZ. Designul Lab a fost conceput pentru a crea un spațiu de culoare în care schimbările de culoare ar fi mai liniare în ceea ce privește percepția umană (comparativ cu XYZ), adică, astfel încât aceeași modificare a valorilor coordonatelor de culoare în diferite zone ale culorii spațiul ar produce aceeași senzație de schimbare a culorii.

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 lucrările 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ărcați”. 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