Color Picker

Izvēlieties krāsas un sāciet darbu — bez liekām rūpēm

Color Picker izveidojām 2025. gadā, jo apnika smagnējas lietotnes un pārlieku sarežģīti krāsu rīki. Kā frontenda izstrādātājiem un ilustratoriem mums vajadzēja veidu, kā ātri „paķert” krāsu, nedaudz to pielāgot un turpināt darbu. Tas sākās kā iekšējs rīks, kļuva par kolēģu favorītu, mēs to noslīpējām un padarījām pieejamu tīmeklī visiem. Nav kontu, nav mācību līknes — atveriet lapu, izvēlieties toni un kopējiet HEX, RGB, HSL vai HSV kodus.

Kāpēc cilvēkiem patīk mūsu krāsu atlasītājs?

Ja jebkad esat skatījušies uz dizainu un prātojuši, kā trāpīt precīzajā tonī, novērtēsiet Color Picker vienkāršību. Saskarni apzināti saglabājām minimālu:

• Viens klikšķis — un krāsa ir jūsu — noklikšķiniet jebkurā punktā paletē, un rīks nekavējoties parādīs nepieciešamās vērtības. Vajag paraugu no foto vai ekrānattēla? Nometiet to lapā un izmantojiet pipeti.
• Gradienti bez piepūles — pievienojiet un pārvietojiet pieturas punktus joslā, lai izveidotu zīda gluduma pārejas. Pārslēdziet lineāro/radiālo, precīzi noregulējiet leņķi un necaurspīdīgumu un kopējiet CSS.
• Bez ierobežojumiem, bez maksas — Color Picker darbojas jebkurā modernā pārlūkā datorā, planšetē vai tālrunī. Nekas nav jāinstalē, nekādu maksu.
• Paplašinājumi, kad vajag — mūsu izvēles Chrome un Edge paplašinājumi ienes pipeti tieši pārlūkā, lai varētu ņemt paraugus no jebkuras lapas un saglabāt vēsturi.

Kam paredzēts

Cilvēki lieto Color Picker dažādos veidos:

• Dizaineri un produktu komandas to izmanto, skicējot saskarnes vai zīmola paletes. Kombināciju izpēte un CSS kopēšana gradientiem ir ātra un ērta.
• Ilustratori un mākslinieki ar pipeti gūst iedvesmu no fotogrāfijām un gleznām. Gradienta rīks palīdz plānot maigas ēnošanas un krāsu pārejas.
• Frontenda izstrādātāji paļaujas uz rīku, lai projektos radītu konsekventas krāsu vērtības. Paplašinājums atvieglo paraugu ņemšanu no esošām vietnēm.
• Ikviens, kas pārbauda piekļūstamību var skatīt krāsas dažādos modeļos un regulēt necaurspīdīgumu, līdz tiek izpildītas kontrasta vadlīnijas.

Sākums

Rokasgrāmata nav vajadzīga — te ir īss pārskats:

• Izvēlieties krāsu — noklikšķiniet jebkurā vietā paletē. Nekavējoties redzēsiet HEX, RGB un HSV vērtības. Ar slīdņiem precīzi noregulējiet toni, piesātinājumu, spilgtumu un necaurspīdīgumu.
• Paraugs no attēla — ievelciet attēla failu lapā vai atlasiet to. Noklikšķiniet uz vēlamā pikseļa, un tiks parādīti krāsu kodi.
• Izveidojiet gradientu — noklikšķiniet uz gradienta joslas, lai pievienotu pieturas punktus, un velciet tos; pārslēdzieties starp lineāro un radiālo stilu. Regulējiet leņķi un necaurspīdīgumu, līdz rezultāts ir tieši tāds, kā vēlaties.
• Kopējiet un izmantojiet atkārtoti — jūsu krāsas un gradienti tiek saglabāti automātiski. Kopējiet kodus vai CSS un ielīmējiet projektā vai kopīgojiet ar komandu.