Color Picker

Izberite barve in začnite — brez zapletov

Color Picker smo zgradili leta 2025, ker smo bili siti težkih aplikacij in prekomerno zapletenih barvnih orodij. Kot front-end razvijalci in ilustratorji smo potrebovali način, da barvo hitro ujamemo, jo malo prilagodimo in gremo naprej. Začelo se je kot interno orodje, postalo priljubljeno med sodelavci; spolirali smo ga in izdali na spletu za vse. Brez računov in brez učne krivulje — odprite stran, izberite ton in kopirajte kode HEX, RGB, HSL ali HSV.

Zakaj je naš izbirnik barv priljubljen

Če ste kdaj gledali dizajn in si mislili »kako ujeti točno ta ton?«, boste cenili preprostost Color Pickerja. Vmesnik smo namerno ohranili minimalističen:

• En klik — in barva je vaša — tapnite kjer koli v paleti in potrebne vrednosti se prikažejo takoj. Potrebujete vzorec iz fotografije ali posnetka zaslona? Spustite datoteko na stran in uporabite kapalko.
• Prelivi brez truda — dodajajte in premikajte ustavitve na vrstici, da ustvarite svilnate prehode. Preklapljajte linearno/radialno, natančno prilagodite kot in neprosojnost ter kopirajte CSS.
• Brez omejitev, brez stroškov — Color Picker deluje v vsakem sodobnem brskalniku na namizju, tablici ali telefonu. Nič za namestiti, nobenih pristojbin.
• Razširitve, ko jih potrebujete — naše izbirne razširitve za Chrome in Edge prinesejo kapalko neposredno v brskalnik, da lahko vzorčite s katere koli strani in ohranite zgodovino.

Za kaj

Color Picker ljudje uporabljajo na različne načine:

• Oblikovalci in produktne ekipe se nanj zanašajo pri skiciranju vmesnikov ali barvnih palet znamke. Raziskovanje kombinacij in kopiranje CSS za prelive je hitro.
• Ilustratorji in umetniki uporabljajo kapalko za navdih iz fotografij in slik. Orodje za prelive pomaga pri načrtovanju mehkih senčenj in barvnih prehodov.
• Front-end razvijalci se zanašajo nanj za dosledne barvne vrednosti med projekti. Razširitev olajša vzorčenje iz obstoječih spletnih mest.
• Kdor preverja dostopnost lahko barve pogleda v različnih modelih in prilagodi neprosojnost, dokler ne ustrezajo smernicam kontrasta.

Začetek

Priročnik ni potreben — tu je hiter pregled:

• Izberite barvo — kliknite kjer koli v paleti. Vrednosti HEX, RGB in HSV se prikažejo takoj. Z drsniki prilagodite odtenek, nasičenost, svetlost in neprosojnost.
• Vzorčenje iz slike — povlecite slikovno datoteko na stran ali jo izberite. Kliknite želeni piksel in prikazale se bodo barvne kode.
• Ustvarite preliv — kliknite na vrstico preliva, da dodate ustavitve, in jih povlecite; preklapljajte med linearnim in radialnim slogom. Prilagodite kot in neprosojnost do popolnosti.
• Kopiraj in ponovno uporabi — vaše barve in prelivi se samodejno shranijo. Kopirajte kode ali CSS in jih prilepite v projekt ali delite z ekipo.