CSS
Front-end
Preia valori exacte de pe un site live pentru CSS, SCSS sau o configurație Tailwind, fără să deschizi DevTools.
Selector de culori gratuit pentru Chrome
Selector de culori simplu este o pipetă gratuită pentru Chrome. Apasă butonul ei sau Alt+P, țintește orice pixel prin lupa de mărire și dă clic: codul HEX, RGB sau HSL este deja în clipboard. Ultimele 50 de culori te așteaptă în fereastra extensiei.
453 de utilizatori în Chrome Web Store
Funcționează și în Edge, Brave, Opera și alte browsere Chromium.

Dă clic pe pictograma din bara de instrumente și apasă Alege o culoare sau apasă Alt+P pe orice pagină.
O lupă pătrată mărește zona din jurul cursorului și încadrează exact pixelul. Sub ea, o etichetă arată HEX, RGB și HSL în timp real.
Codul este copiat în formatul implicit, iar o scurtă notă confirmă. Lipește-l în CSS, în Figma sau într-un mesaj.
CSS
Preia valori exacte de pe un site live pentru CSS, SCSS sau o configurație Tailwind, fără să deschizi DevTools.
HEX
Preia o paletă dintr-o interfață, o machetă sau o referință și verifică dacă o pagină folosește culoarea corectă a brandului.
HSL
Ia HSL ca să reglezi manual luminozitatea și saturația sau RGB pentru cod care cere numere.
Lupa mărește 11 × 11 pixeli în jurul cursorului, iar un reticul încadrează pixelul pe care îl iei. Nimerești o bordură de un pixel sau o singură treaptă dintr-un gradient.
HEX ca #2A6FDB, RGB ca rgb(42, 111, 219), HSL ca hsl(217, 71%, 51%). Alegi formatul implicit o singură dată, în fereastra extensiei.
Fiecare culoare aleasă merge în fruntea unei grile cu ultimele 50 de culori, fără duplicate. Dă clic pe o mostră ca să vezi și să copiezi toate cele trei coduri.
Începe alegerea fără să deschizi fereastra extensiei. Tasta din fereastră deschide setările de comenzi rapide din Chrome, dacă vrei altă tastă.
Totul rulează în browserul tău. Fără cont, fără analiză, fără telemetrie.
Fereastra extensiei și lupa urmează tema sistemului, în griuri neutre care nu colorează culorile pe care le judeci.
Pipeta proprie a Chrome se află în DevTools: deschide panoul Stiluri, găsește o proprietate de culoare, dă clic pe mostra ei, apoi pe pipetă. Funcționează, dar e ascunsă, iar valoarea aleasă înlocuiește acea proprietate în CSS-ul paginii, în loc să ajungă în clipboard.
Selector de culori simplu pune o pipetă la un clic sau la o comandă rapidă distanță. Când pornești, face o captură a părții vizibile a filei și deschide deasupra ei o lupă pătrată, ca să vezi exact pixelul, nu o medie. Un clic copiază codul, iar fereastra extensiei îl păstrează alături de ultimele 50 de culori, în toate cele trei formate.
Derulează la partea de pagină de care ai nevoie înainte să pornești: lupa citește din acea captură. Paginile browserului, precum pagina filă nouă, setările și Chrome Web Store, sunt închise pentru orice extensie.
Extensia nu comunică niciodată cu un server. Fără analiză, fără telemetrie.
Istoricul și formatul implicit se află în stocarea locală a extensiei.
Fila activă, doar când pornești o alegere, pentru a face captura; scriptare pentru a afișa lupa; stocare pentru istoric și format; scrierea în clipboard pentru a copia codul.
| Pipeta DevTools vs Selector de culori simplu | Pipeta DevTools | Selector de culori simplu |
|---|---|---|
| Cum pornești | Deschizi DevTools, găsești o culoare în Stiluri, dai clic pe mostră, apoi pe pipetă | Butonul din bara de instrumente sau Alt+P |
| Rezultatul ajunge în | Proprietatea CSS deschisă; o copiezi tu | Clipboard, la clic |
| Formate de culoare | HEX, RGB, HSL și altele | HEX, RGB și HSL |
| Culori alese înainte | Nu se păstrează | Ultimele 50, gata de copiat din nou |
| Preț | Inclusă în Chrome | Gratuit |
Instalează Selector de culori simplu, apasă Alt+P pe pagină, țintește culoarea cu lupa și dă clic. Codul HEX sau, dacă preferi, RGB ori HSL, este copiat în clipboard.
La fel: pornești selectorul și dai clic pe pixelul dorit din imagine. Lupa mărește, așa că poți alege exact un pixel.
Da. Alege formatul implicit în fereastra extensiei: HEX, RGB sau HSL. Fereastra le arată pe toate trei pentru orice culoare din istoric, fiecare cu butonul ei de copiere.
Deschide fereastra extensiei: ultimele 50 de culori sunt acolo ca mostre, cele mai noi primele. Dă clic pe una ca să vezi și să copiezi codurile sau șterge istoricul.
Dă clic pe tasta comenzii rapide din fereastra extensiei. Se deschide pagina de comenzi rapide de la tastatură din Chrome, unde poți seta altă tastă.
Chrome închide paginile sale, precum pagina filă nouă, setările și Chrome Web Store, pentru toate extensiile. Selectorul citește doar partea vizibilă a filei, așa că derulează mai întâi la culoare.
Nu. Alege doar din fila curentă a browserului. Nu convertește în CMYK sau Pantone și nu verifică contrastul.
Este gratuit și nu face cereri de rețea. Istoricul și formatul implicit rămân pe dispozitivul tău.