Jednostavni birač boja

Besplatan birač boja za Chrome

Biračem boja odaberi boju s bilo koje stranice. Dobij #E8553D

Jednostavni birač boja besplatna je kapaljka za Chrome. Pritisni njegov gumb ili Alt+P, povećalom naciljaj bilo koji piksel i klikni: HEX, RGB ili HSL kod odmah je u međuspremniku. Tvojih zadnjih 50 boja čeka u skočnom prozoru.

Dodaj u Chrome — besplatno

453 korisnika u trgovini Chrome Web Store

Radi i u preglednicima Edge, Brave, Opera i drugim preglednicima temeljenima na Chromiumu.

Kvadratno povećalo iznad plakata na web-stranici uokviruje jedan piksel uz njegov HEX, RGB i HSL; pokraj njega Jednostavni birač boja u skočnom prozoru prikazuje #E8553D i povijest boja

Na prvi pogled

Što radi
Birač boja s kapaljkom: povećalom naciljaj bilo koji piksel na web-stranici i klikni. Njegov HEX, RGB ili HSL kod se kopira.
Kome je namijenjen
Web-programerima i dizajnerima koji usklađuju boje s aktivnih stranica, maketa i snimaka zaslona otvorenih u pregledniku te svima kojima treba kod boje.
Cijena
Besplatno. Bez računa i plaćene verzije.
Podaci
Tvoja povijest i zadani format ostaju u lokalnoj pohrani proširenja na tvom uređaju. Bez analitike i mrežnih zahtjeva.
Gdje radi
Na računalu, u Chromeu i drugim preglednicima temeljenima na Chromiumu koji instaliraju proširenja iz trgovine Chrome Web Store. Ne radi na stranicama preglednika poput nove kartice, postavki ili trgovine Chrome Web Store.
Ograničenja
Uzima boju iz vidljivog dijela kartice, sa snimke napravljene pri pokretanju. Nema podrške za CMYK, Pantone, provjeru kontrasta ni uzimanje boja izvan preglednika.
Verzija
2.7.0, ažurirano 23. listopada 2026.

Tri koraka, jedan klik

  1. 1

    Pokreni birač boja

    Klikni ikonu na alatnoj traci i pritisni Odaberi boju ili pritisni Alt+P na bilo kojoj stranici.

  2. 2

    Naciljaj povećalom

    Kvadratno povećalo uvećava područje oko pokazivača i uokviruje točan piksel. Uzorak ispod njega prikazuje HEX, RGB i HSL uživo.

  3. 3

    Klikni i zalijepi

    Kod se kopira u tvom zadanom formatu, a kratka obavijest to potvrđuje. Zalijepi ga u CSS, Figma dizajn ili poruku.

Tko ga koristi

CSS

Razvoj sučelja

Preuzmi točne vrijednosti s aktivne stranice za CSS, SCSS ili Tailwind konfiguraciju bez otvaranja alata DevTools.

HEX

Provjera dizajna i brenda

Uzmi paletu iz sučelja, makete ili reference i provjeri koristi li stranica ispravnu boju brenda.

HSL

Podešavanje boja

Uzmi HSL za ručno podešavanje svjetline i zasićenosti ili RGB za kod kojem trebaju brojevi.

Što radi

  • uokviren piksel

    Povećalo uvećava 11 × 11 piksela oko pokazivača, a ciljnik uokviruje piksel koji ćeš uzeti. Pogodi rub širine jednog piksela ili jedan korak gradijenta.

  • formata

    HEX poput #2A6FDB, RGB poput rgb(42, 111, 219), HSL poput hsl(217, 71%, 51%). Jednom odaberi zadani format u skočnom prozoru.

  • boja u povijesti

    Svaki odabir dolazi na početak mreže tvojih zadnjih 50 boja, bez duplikata. Klikni uzorak da vidiš i kopiraš sva tri koda.

  • Prečac Alt+P

    Počni birati boju bez otvaranja skočnog prozora. Prikaz tipke u njemu otvara postavke prečaca u Chromeu ako želiš drugu tipku.

  • mrežnih zahtjeva

    Sve se izvršava u tvom pregledniku. Bez računa, analitike i telemetrije.

  • Svijetlo i tamno

    Skočni prozor i povećalo prate temu tvog sustava. Neutralni sivi tonovi ne mijenjaju dojam boja koje procjenjuješ.

Kako dobiti kod boje bilo čega na web-stranici

Chromeova kapaljka nalazi se u alatu DevTools: otvori ploču Stilovi, pronađi svojstvo boje, klikni njegov uzorak pa kapaljku. Radi, ali do nje treba nekoliko koraka. Odabrana vrijednost zamjenjuje to svojstvo u CSS-u stranice umjesto da završi u međuspremniku.

Jednostavni birač boja stavlja kapaljku na jedan klik ili prečac od tebe. Pri pokretanju snima vidljivi dio kartice i iznad njega otvara kvadratno povećalo. Tako vidiš točan piksel, a ne prosjek. Jedan klik kopira kod, a skočni prozor čuva ga s tvojih zadnjih 50 boja u sva tri formata.

Prije pokretanja pomakni stranicu do dijela koji trebaš: povećalo čita s te snimke. Stranice preglednika poput nove kartice, postavki i trgovine Chrome Web Store zatvorene su svim proširenjima.

Privatnost u samom dizajnu

  • Bez mrežnih zahtjeva

    Proširenje nikad ne komunicira s poslužiteljem. Bez analitike i telemetrije.

  • Ostaje na tvom uređaju

    Tvoja povijest i zadani format nalaze se u lokalnoj pohrani proširenja.

  • Četiri dopuštenja

    Aktivna kartica za snimku, samo kad pokreneš odabir; izvršavanje skripte za prikaz povećala; pohrana za povijest i format; pisanje u međuspremnik za kopiranje koda.

DevTools kapaljka i Jednostavni birač boja

DevTools kapaljka i Jednostavni birač bojaDevTools kapaljkaJednostavni birač boja
Kako početiOtvori DevTools, pronađi boju u Stilovima, klikni njezin uzorak pa kapaljkuGumb na alatnoj traci ili Alt+P
Kamo ide rezultatU otvoreno CSS svojstvo; kopiraš ga samU tvoj međuspremnik, jednim klikom
Formati bojaHEX, RGB, HSL i drugiHEX, RGB i HSL
Ranije odabrane bojeNe čuvaju seTvojih zadnjih 50, spremnih za ponovno kopiranje
CijenaUgrađeno u ChromeBesplatno

Pitanja

Kako dobiti kod boje s web-stranice?

Instaliraj Jednostavni birač boja, pritisni Alt+P na stranici, usmjeri povećalo na boju i klikni. HEX kod, ili RGB ili HSL ako želiš, kopira se u tvoj međuspremnik.

Kako biračem boja uzeti boju sa slike na web-stranici?

Na isti način: pokreni birač boja i klikni željeni piksel na slici. Povećalo uvećava prikaz pa možeš uzeti točno jedan piksel.

Mogu li kopirati HSL ili RGB umjesto HEX koda?

Da. Odaberi zadani format u skočnom prozoru: HEX, RGB ili HSL. Prozor prikazuje sva tri formata za svaku boju u povijesti, svaki s vlastitim gumbom za kopiranje.

Gdje mogu pronaći ranije odabrane boje?

Otvori skočni prozor: tvojih zadnjih 50 boja prikazano je kao uzorci, najnovije prve. Klikni jednu da vidiš i kopiraš njezine kodove ili izbriši povijest.

Kako promijeniti prečac Alt+P?

Klikni prikaz tipke prečaca u skočnom prozoru. Otvorit će se stranica tipkovničkih prečaca u Chromeu, gdje možeš postaviti drugu tipku.

Zašto kapaljka ne radi na nekim stranicama?

Chrome zatvara vlastite stranice, poput nove kartice, postavki i trgovine Chrome Web Store, svim proširenjima. Birač boja čita samo vidljivi dio kartice, pa se prvo pomakni do boje.

Može li uzimati boje izvan preglednika?

Ne. Uzima boje samo iz trenutačne kartice preglednika. Također ne pretvara u CMYK ili Pantone i ne provjerava kontrast.

Je li besplatan? Prikuplja li podatke?

Besplatan je i ne šalje mrežne zahtjeve. Tvoja povijest i zadani format ostaju na tvom uređaju.

Više besplatnih proširenja autora PYROCTAL

Usmjeri. Klikni. Zalijepi.

Dodaj u Chrome — besplatno