Color Picker

Rinkitės spalvas ir dirbkite — be vargo

„Color Picker“ sukūrėme 2025 m., nes pavargome nuo sunkių programų ir pernelyg sudėtingų spalvų įrankių. Kaip „front-end“ kūrėjams ir iliustratoriams, mums reikėjo būdo akimirksniu „pagauti“ spalvą, truputį ją pakoreguoti ir judėti toliau. Viskas prasidėjo kaip vidinis įrankis, tapo kolegų mėgstamiausiu, o vėliau jį nušlifavome ir pateikėme žiniatinklyje visiems. Jokios paskyros, jokios mokymosi kreivės — atverkite puslapį, pasirinkite toną ir nukopijuokite HEX, RGB, HSL ar HSV kodus.

Kodėl mūsų spalvų parinkiklis patinka žmonėms?

Jei kada žiūrėjote į dizainą ir svarstėte, kaip tiksliai pataikyti į tą atspalvį, įvertinsite „Color Picker“ paprastumą. Sąsają tyčia palikome minimalistinę:

• Vienas spustelėjimas — ir spalva jūsų — bakstelėkite bet kur paletėje ir įrankis iškart parodys reikalingas reikšmes. Reikia mėginio iš nuotraukos ar ekrano kopijos? Numeskite failą į puslapį ir naudokite lašintuvą.
• Gradientai — paprasta — pridėkite ir perkelkite sustojimus juostoje, kad sukurtumėte šilkinius perėjimus. Perjunkite linijinį/radialinį, sureguliuokite kampą ir nepermatomumą, o tada kopijuokite CSS.
• Jokių ribų, jokių kaštų — „Color Picker“ veikia bet kurioje šiuolaikinėje naršyklėje kompiuteryje, planšetėje ar telefone. Nieko diegti nereikia ir jokių mokesčių.
• Plėtiniai tada, kai reikia — mūsų neprivalomi „Chrome“ ir „Edge“ plėtiniai lašintuvą atveda tiesiai į naršyklę, kad galėtumėte imti mėginius iš bet kurio puslapio ir išsaugoti istoriją.

Kam skirta

Žmonės naudoja „Color Picker“ įvairiai:

• Dizaineriai ir produktų komandos juo remiasi braižydami sąsajas ar prekės ženklo paletes. Derinių paieška ir CSS kopijavimas gradientams — greita.
• Iliustratoriai ir menininkai naudoja lašintuvą įkvėpimui iš nuotraukų ir tapybos. Gradiento įrankis padeda planuoti švelnų šešėliavimą ir spalvų perėjimus.
• „Front-end“ kūrėjai pasikliauja įrankiu generuodami nuoseklias spalvų reikšmes skirtinguose projektuose. Plėtinys palengvina mėginių ėmimą iš esamų svetainių.
• Visi, tikrinantys prieinamumą gali matyti spalvas skirtinguose modeliuose ir reguliuoti nepermatomumą, kol bus atitiktos kontrasto gairės.

Pradžia

Vadovo nereikia — štai trumpa apžvalga:

• Pasirinkite spalvą — spustelėkite bet kurioje paletės vietoje. Iškart pamatysite HEX, RGB ir HSV reikšmes. Slankikliais tiksliai sureguliuokite atspalvį, sodrumą, ryškumą ir nepermatomumą.
• Imkite mėginį iš vaizdo — nuvilkite vaizdo failą į puslapį arba pasirinkite jį. Spustelėkite norimą pikselį ir pasirodys spalvų kodai.
• Sukurkite gradientą — spustelėkite gradiento juostą, kad pridėtumėte sustojimų, ir nutempkite juos; perjunkite tarp linijinio ir radialinio stiliaus. Reguliuokite kampą ir nepermatomumą, kol rezultatas bus tinkamas.
• Kopijuokite ir naudokite pakartotinai — jūsų spalvos ir gradientai įrašomi automatiškai. Nukopijuokite kodus ar CSS ir įklijuokite į projektą arba pasidalykite su komanda.