Firefox: Cum să identifici o anumită culoare într-o pagină web

click fraud protection

Dacă sunteți designer, probabil că acordați atenție designului lucrurilor pe care le utilizați, căutând inspirație sau idei pe care ați dori să le adoptați. Site-urile web nu sunt diferite și una dintre părțile cheie ale designului site-urilor web este utilizarea culorii. Dacă descoperiți un site web cu culoarea perfectă pentru un proiect la care lucrați sau la care vă gândiți, atunci probabil că veți dori să aflați exact ce culoare este. Deși ați putea să faceți o captură de ecran, să o deschideți într-un editor de imagini și apoi să vă uitați la valorile RGB, acest proces este lent. Firefox are de fapt încorporat un instrument de selectare a culorilor, astfel încât să vă puteți economisi timp și să obțineți valoarea exactă în formatul de culoare HTML hexazecimal utilizat pe web.

Cum se folosește selectorul de culori

Selectorul de culori din Firefox poate fi găsit în bara de instrumente pentru dezvoltatori. Pentru a-l accesa, faceți clic pe pictograma meniului burger din colțul din dreapta sus, apoi faceți clic pe „Web Developer”, care poate fi găsit al patrulea din jos.

Faceți clic pe pictograma meniului burger din colțul din dreapta sus, apoi faceți clic pe „Dezvoltator web”.

În lista de instrumente pentru dezvoltatori web, faceți clic pe „Pipetă” și se va deschide instrumentul pentru picături.

Sfat: instrumentul pipetă nu poate fi mutat între file sau ferestre, așa că asigurați-vă că îl deschideți în fila în care doriți să îl utilizați. De asemenea, nu veți putea derula pagina, așa că asigurați-vă că vă aflați în locul potrivit pe pagină. Deși puteți mări și micșora din punct de vedere tehnic, acest lucru va face ca centrarea selectorului de culori să se rupă, ceea ce va face mult mai dificil de utilizat cu precizie.

În lista de instrumente pentru dezvoltatori web, selectați „Pipetă”.

Instrumentul pipetă va urmări mouse-ul pe fereastră, așa că mutați pătratul evidențiat central peste culoarea pe care doriți să o selectați. Nivelul de zoom este suficient de precis pentru a vă permite să vedeți și să alegeți cu ușurință culoarea unui anumit pixel.

Codul de culoare HTML al pixelului este afișat în caseta mică de sub instrumentul de zoom, dar va fi copiat și în clipboard dacă faceți clic pe culoarea dorită. Nu uitați decât că, dacă faceți clic, se va închide selectorul de culori, forțându-vă să îl redeschideți din nou dacă doriți să alegeți mai multe culori.

Deplasați mouse-ul peste pixelul care vă place culoarea, apoi notați codul de culoare HTML sau faceți clic pentru a-l copia în clipboard.