Punctele cheie
- 01Selectează orice pixel din orice imagine și obține coduri HEX, RGB și HSL într-un singur clic.
- 02O lupă mărită cu zoom până la 20x face ușor să preiei pixeli exacti din sigle sau icoane.
- 03Construiți o paletă mică din mai multe selecții - totul rămâne privat în browserul dvs.
- 04Gratuit, nu este necesară înregistrarea și funcționează cu JPG, PNG, WebP, AVIF, GIF, BMP și HEIC.
De ce să folosești un selector de culori bazat pe browser?
Designerii, dezvoltatorii și creatorii de conținut au nevoie în mod regulat să se potrivească o culoare dintr-o imagine de referință - o sigla, o tablă de dispoziție, o fotografie cu client sau o captură de ecran. Majoritatea sistemelor de operare au instrumente de pipetă de bază, dar le lipsesc mărirea, ieșirea multi-format și construirea de paletă care fac alegerea culorii rapidă într-un flux de lucru real.
Selectorul de culori al Handytool-ului rulează complet în browserul dvs., deci nu este necesară instalarea, nicio cont și nicio imagine trimisă vreunui server. Obții o pipetă mărită, trei formate de culoare simultane (HEX, RGB, HSL) și o paletă reutilizabilă - toate gratuit.
Cum să selectezi o culoare din imagine
Întregul proces durează mai puțin de un minut.
- 01
Trageți sau deschideți imaginea
Trageți fișierul de imagine pe pagină sau faceți clic pentru a răsfoli. JPG, PNG, WebP, AVIF, GIF, BMP și HEIC sunt toate acceptate - fișierele HEIC de la iPhone-uri sunt decodate local folosind WebAssembly.
- 02
Poziționați lupei peste pixelul țintă
Mutați cursorul peste imagine. O lupă mărită urmărește cursorul dvs. pentru a putea vedea pixeli individuali chiar și în imagini dense sau mici. Zoom merge până la 20x pentru detalii de logo și lucru cu icoane.
- 03
Faceți clic pentru a selecta culoarea
Faceți clic pe pixelul pe care doriți să îl prelevați. Valorile HEX, RGB și HSL apar imediat în panoul.
- 04
Copiați formatul de care aveți nevoie
Faceți clic pe orice badge de format pentru a-l copia în clipboard. HEX este gata pentru CSS, RGB este potrivit pentru lucrul în tipărire și HSL este ideal atunci când trebuie să proiectați variante mai ușoare sau mai întunecate ale aceleiași tonuri.
- 05
Construiți o paletă cu mai multe selecții
Continuați să faceți clic în jurul imaginii pentru a adăuga mici pătrate la mini-paletă în partea de jos. Faceți clic pe orice mică pătrat pentru a-i copia HEX-ul, sau butonul x pentru a-l elimina.
Care format de culoare ar trebui să utilizați?
Fiecare format servește unui scop ușor diferit.
- 01HEX (#B7FF3E) - alegerea universală pentru web CSS și instrumente de design ca Figma.
- 02RGB (183, 255, 62) - preferat în design de imprimare, calibrare de culori și unele aplicații de design.
- 03HSL (83°, 100%, 62%) - cel mai bun atunci când doriți să creați tinte, umbre sau rampe de culori.
- 04Toate trei formate reprezintă aceeași culoare - copiază pe care o așteaptă instrumentul din aval.
Imaginile dvs. nu vor părăsi niciodată dispozitivul
Selectorul de culori este un instrument complet pe partea client. Fiecare imagine pe care o trageți este decodată de Canvas API al browserului dvs., iar fiecare calcul de culoare se întâmplă în JavaScript local. Nu se transmit date vreunui server, nu se înregistrează sau nu se stochează - nici măcar temporar.
Asta înseamnă că puteți lucra în siguranță cu mockup-uri confidențiale, lucrări de client sau fotografii de produse nelansate. Închideți fila și totul a dispărut. Nu vă faceți griji cu privire la încărcări, nu trebuie să parcurgeți o politică de confidențialitate.
FAQ Selector de culori
Cum selectez o culoare dintr-o imagine online?
Trageți imaginea pe selectorul de culori Handytool, treceți cu mouse-ul peste pixelul pe care doriți și faceți clic. Valorile HEX, RGB și HSL apar imediat și pot fi copiate cu un clic.
Care formate de imagine acceptă selectorul de culori online?
JPG, PNG, WebP, AVIF, GIF, BMP și HEIC/HEIF. Fotografiile HEIC din iPhone-uri sunt decodate local folosind WebAssembly, deci nu este necesară conversie.
Care este diferența dintre HEX, RGB și HSL?
HEX este un cod din șase cifre obișnuit în CSS-ul web. RGB exprimă culoarea ca trei valori numerice (roșu, verde, albastru) de la 0 la 255. HSL folosește nuanță, saturație și luminozitate - util pentru generarea rampe de culori.
Imaginea mea este încărcată pe un server?
Nu. Întregul instrument rulează în browserul dvs. Imaginea dvs. rămâne pe dispozitiv de la început până la sfârșit - nimic nu este trimis la un server.
Pot salva o paletă de culori dintr-o imagine?
Da. Fiecare clic adaugă un mic pătrat la paletă în partea de jos a paginii. Faceți clic pe un mic pătrat pentru a-i copia HEX-ul, sau x pentru a-l elimina. Paletele se pierd atunci când închideți fila - copiați codurile înainte de a pleca.
Este selectorul de culori gratuit?
Da. Handytool este complet gratuit fără înregistrare, limite de utilizare și nu există watermark-uri.