Color Picker

Odaberite boje i bacite se na posao — bez gnjavaže

Color Picker smo izgradili 2025. jer smo se zasitili teških aplikacija i prekompliciranih alata za boje. Kao frontend-programeri i ilustratori trebali smo način da brzo uzmemo boju, malo je dotjeramo i nastavimo dalje. Počelo je kao interni alat, brzo je postao favorit među kolegama, zatim smo ga ispolirali i objavili na webu za sve. Bez računa i bez krivulje učenja — otvorite stranicu, odaberite nijansu i kopirajte HEX, RGB, HSL ili HSV kodove.

Zašto ljudi vole naš birač boja?

Ako ste ikad gledali u dizajn i pitali se kako pogoditi točnu nijansu, cijenit ćete jednostavnost Color Pickera. Sučelje smo namjerno zadržali minimalnim:

• Klik — i boja je vaša — dodirnite bilo koju točku na paleti i alat odmah prikazuje potrebne vrijednosti. Trebate uzorak iz fotografije ili snimke zaslona? Ispustite je na stranicu i upotrijebite pipetu.
• Gradijenti bez muke — stvorite svilenkaste prijelaze dodavanjem i pomicanjem zaustavljanja na traci. Prebacujte linearno/radijalno, fino podesite kut i neprozirnost te kopirajte CSS.
• Bez ograničenja, bez troškova — Color Picker radi u svakom modernom pregledniku na računalu, tabletu ili telefonu. Ništa za instalirati i bez naknada.
• Proširenja kad zatrebaju — naša neobavezna proširenja za Chrome i Edge donose pipetu izravno u preglednik kako biste mogli uzorkovati s bilo koje stranice i zadržati povijest.

Za što služi

Color Picker ljudi koriste na mnogo načina:

• Dizajneri i produktni timovi posežu za njim pri skiciranju sučelja ili paleta brenda. Istraživanje kombinacija i kopiranje potrebnog CSS-a za gradijente je brzo.
• Ilustratori i umjetnici koriste pipetu za inspiraciju iz fotografija i slika. Alat za gradijente pomaže isplanirati glatko sjenčanje i prijelaze boja.
• Frontend programeri oslanjaju se na njega za generiranje dosljednih vrijednosti boja kroz projekte. Proširenje olakšava uzorkovanje s postojećih web-mjesta.
• Svi koji provjeravaju pristupačnost mogu gledati boje u različitim modelima i prilagoditi neprozirnost dok se ne zadovolje smjernice kontrasta.

Početak

Priručnik nije potreban — evo kratkog pregleda:

• Odaberite boju — kliknite bilo gdje na paleti. Odmah ćete vidjeti vrijednosti HEX, RGB i HSV. Klizačima fino podesite nijansu, zasićenje, svjetlinu i prozirnost.
• Uzmite uzorak iz slike — povucite slikovnu datoteku na stranicu ili je odaberite. Kliknite željeni piksel i pojavit će se kodovi boja.
• Izgradite gradijent — kliknite na traku gradijenta da dodate zaustavljanja i povucite ih; prebacujte se između linearnog i radijalnog stila. Prilagodite kut i neprozirnost dok ne bude kako želite.
• Kopirajte i ponovno upotrijebite — vaše boje i gradijenti spremaju se automatski. Kopirajte kodove ili CSS i zalijepite u projekt ili podijelite s timom.