Color Picker

Alege culori și treci la treabă — fără bătăi de cap

Am creat Color Picker în 2025 pentru că ne-am săturat de aplicații greoaie și instrumente de culoare prea complicate. Ca front-end-iști și ilustratori, aveam nevoie să „prindem” rapid o culoare, s-o ajustăm puțin și să mergem mai departe. A început ca un instrument intern, a devenit preferatul colegilor, apoi l-am șlefuit și l-am lansat pe web pentru toți. Fără cont și fără curbă de învățare — deschide pagina, alege o tonalitate și copiază codurile HEX, RGB, HSL sau HSV.

De ce le place oamenilor selectorul nostru de culori

Dacă te-ai uitat vreodată la un design și te-ai întrebat „cum nimeresc exact acea nuanță?”, vei aprecia simplitatea Color Picker. Am păstrat interfața intenționat minimalistă:

• Un clic — și culoarea e a ta — atinge orice punct din paletă și valorile necesare apar instant. Ai nevoie de un eșantion dintr-o fotografie sau captură de ecran? Plasează fișierul pe pagină și folosește pipeta.
• Gradiente, cât se poate de simplu — adaugă și mută opriri pe bară pentru tranziții mătăsoase. Comută liniar/radial, ajustează fin unghiul și opacitatea și copiază CSS-ul.
• Fără limite, fără costuri — Color Picker funcționează în orice browser modern, pe desktop, tabletă sau telefon. Fără instalare și fără taxe.
• Extensii când ai nevoie — extensiile noastre opționale pentru Chrome și Edge aduc pipeta direct în browser, ca să poți eșantiona din orice pagină și să îți păstrezi istoricul.

Pentru ce este

Oamenii folosesc Color Picker în multe feluri:

• Designerii și echipele de produs se bazează pe el când schițează interfețe sau palete de brand. Explorarea combinațiilor și copierea CSS-ului pentru gradient e rapidă.
• Ilustratorii și artiștii folosesc pipeta pentru inspirație din fotografii și picturi. Instrumentul de gradient ajută la planificarea umbrelor fine și a tranzițiilor de culoare.
• Dezvoltatorii front-end se bazează pe el pentru a genera valori de culoare consecvente între proiecte. Extensia ușurează eșantionarea din site-uri existente.
• Oricine verifică accesibilitatea poate vedea culorile în modele diferite și ajusta opacitatea până când ghidurile de contrast sunt îndeplinite.

Noțiuni introductive

Nu ai nevoie de manual — iată un rezumat rapid:

• Alege o culoare — fă clic oriunde în paletă. Vei vedea imediat valorile HEX, RGB și HSV. Reglează fin nuanța, saturația, luminozitatea și opacitatea cu glisoarele.
• Prelevare din imagine — trage fișierul de imagine în pagină sau selectează unul. Fă clic pe pixelul dorit și vor apărea codurile culorii.
• Creează un gradient — fă clic pe bara gradientului pentru a adăuga opriri și trage-le; comută între stil liniar și radial. Ajustează unghiul și opacitatea până e perfect.
• Copiază și reutilizează — culorile și gradientele tale sunt salvate automat. Copiază codurile sau CSS și lipește în proiect, sau distribuie echipei.