Preprosto izbiranje barv

Brezplačna kapalka za barve za Chrome

Izberite barvo s katere koli strani. Dobite #E8553D

Preprosto izbiranje barv je brezplačna kapalka za Chrome. Pritisnite njen gumb ali Alt+P, ciljajte katerikoli piksel skozi lupo in kliknite: koda HEX, RGB ali HSL je že v odložišču. Zadnjih 50 barv čaka v pojavnem oknu.

Dodaj v Chrome — brezplačno

453 uporabnikov v Chrome Web Store

Deluje tudi v Edge, Brave, Opera in drugih brskalnikih Chromium.

Kvadratna lupa nad plakatom na spletni strani uokvirja en piksel z njegovimi HEX, RGB in HSL, poleg pojavnega okna Preprosto izbiranje barv z #E8553D in zgodovino barv

Na kratko

Kaj počne
Kapalka za barve: skozi lupo ciljajte katerikoli piksel na spletni strani, kliknite in njegova koda HEX, RGB ali HSL se kopira.
Za koga je
Za spletne razvijalce in oblikovalce, ki usklajujejo barve z živih strani, osnutkov in posnetkov zaslona, odprtih v brskalniku, in za vsakogar, ki potrebuje kodo barve.
Cena
Brezplačno. Brez računa, brez plačljive različice.
Podatki
Zgodovina in privzeta oblika ostaneta v lokalni shrambi razširitve v vaši napravi. Brez analitike, brez omrežnih zahtev.
Deluje v
Chrome in drugih brskalnikih Chromium, ki namestijo iz Chrome Web Store, na računalniku. Ne na straneh brskalnika, kot so nov zavihek, nastavitve ali Chrome Web Store.
Omejitve
Izbira iz vidnega dela zavihka s posnetka, ki nastane ob zagonu. Brez CMYK, Pantone in preverjanja kontrasta ter brez izbiranja zunaj brskalnika.
Različica
2.7.0, posodobljeno 23. oktober 2026

Trije koraki, en klik

  1. 1

    Zaženite izbirnik

    Kliknite ikono v orodni vrstici in pritisnite Izberi barvo ali pritisnite Alt+P na katerikoli strani.

  2. 2

    Ciljajte z lupo

    Kvadratna lupa poveča okolico kazalca in uokvirja natančen piksel. Oznaka pod njo sproti kaže HEX, RGB in HSL.

  3. 3

    Kliknite in prilepite

    Koda se kopira v privzeti obliki, kratko obvestilo pa to potrdi. Prilepite jo v CSS, v aplikacijo Figma ali v sporočilo.

Kdo ga uporablja

CSS

Front-end

Povzemite natančne vrednosti z žive strani za CSS, SCSS ali konfiguracijo Tailwind, ne da bi odprli DevTools.

HEX

Oblikovanje in preverjanje znamke

Vzorčite paleto iz vmesnika, osnutka ali reference in preverite, ali stran uporablja pravo barvo znamke.

HSL

Nastavljanje barv

Vzemite HSL za ročno nastavljanje svetlosti in nasičenosti ali RGB za kodo, ki želi številke.

Kaj počne

  • piksel, uokvirjen

    Lupa poveča 11 × 11 pikslov okoli kazalca, nitni križ pa uokvirja tistega, ki ga boste vzeli. Zadenete enopikselski rob ali eno samo stopnjo preliva.

  • oblike

    HEX kot #2A6FDB, RGB kot rgb(42, 111, 219), HSL kot hsl(217, 71%, 51%). Privzeto obliko izberete enkrat v pojavnem oknu.

  • barv v zgodovini

    Vsaka izbrana barva gre na začetek mreže zadnjih 50 barv, brez dvojnikov. Kliknite vzorec, da vidite in kopirate vse tri kode.

  • Bližnjica Alt+P

    Začnite izbirati, ne da bi odprli pojavno okno. Tipka v pojavnem oknu odpre nastavitve bližnjic v brskalniku Chrome, če želite drugo tipko.

  • omrežnih zahtev

    Vse teče v vašem brskalniku. Brez računa, brez analitike, brez telemetrije.

  • Svetla in temna

    Pojavno okno in lupa sledita temi sistema, v nevtralnih sivinah, ki ne obarvajo barv, ki jih presojate.

Kako dobiti kodo barve česar koli na spletni strani

Kapalka v brskalniku Chrome je v DevTools: odprite ploščo Slogi, poiščite lastnost barve, kliknite njen vzorec, nato kapalko. Deluje, a je skrita, izbrana vrednost pa nadomesti to lastnost v CSS strani, namesto da bi končala v odložišču.

Preprosto izbiranje barv postavi kapalko na en klik ali eno bližnjico. Ob zagonu posname vidni del zavihka in nad njim odpre kvadratno lupo, tako da vidite natančen piksel, ne povprečja. En klik kopira kodo, pojavno okno pa jo hrani skupaj z zadnjimi 50 barvami v vseh treh oblikah.

Pred zagonom se pomaknite do dela strani, ki ga potrebujete: lupa bere s tega posnetka. Strani brskalnika, kot so nov zavihek, nastavitve in Chrome Web Store, so zaprte za vse razširitve.

Zasebno že v zasnovi

  • Brez omrežnih zahtev

    Razširitev nikoli ne komunicira s strežnikom. Brez analitike, brez telemetrije.

  • Ostane v vaši napravi

    Zgodovina in privzeta oblika sta v lokalni shrambi razširitve.

  • Štiri dovoljenja

    Aktivni zavihek, samo ko začnete izbiro, za posnetek; skriptiranje za prikaz lupe; shramba za zgodovino in obliko; pisanje v odložišče za kopiranje kode.

Kapalka v DevTools in Preprosto izbiranje barv

Kapalka v DevTools in Preprosto izbiranje barvKapalka v DevToolsPreprosto izbiranje barv
Kako zagnatiOdprite DevTools, poiščite barvo v Slogih, kliknite vzorec, nato kapalkoGumb v orodni vrstici ali Alt+P
Rezultat gre vLastnost CSS, ki ste jo odprli; kopirate ga samiVaše odložišče, ob kliku
Oblike barvHEX, RGB, HSL in drugeHEX, RGB in HSL
Prej izbrane barveSe ne hranijoZadnjih 50, pripravljenih za ponovno kopiranje
CenaVgrajeno v ChromeBrezplačno

Vprašanja

Kako dobim kodo barve s spletnega mesta?

Namestite razširitev Preprosto izbiranje barv, na strani pritisnite Alt+P, ciljajte lupo na barvo in kliknite. Koda HEX, ali RGB oziroma HSL, če želite, se kopira v odložišče.

Kako izberem barvo iz slike na spletni strani?

Enako: zaženite izbirnik in kliknite želeni piksel na sliki. Lupa poveča, zato lahko vzamete natančno en piksel.

Ali lahko kopiram HSL ali RGB namesto HEX?

Da. Privzeto obliko izberete v pojavnem oknu: HEX, RGB ali HSL. Okno za vsako barvo v zgodovini pokaže vse tri, vsako z lastnim gumbom za kopiranje.

Kje najdem prej izbrane barve?

Odprite pojavno okno: zadnjih 50 barv je tam kot vzorci, najnovejše prve. Kliknite eno, da vidite in kopirate njene kode, ali počistite zgodovino.

Kako spremenim bližnjico Alt+P?

Kliknite tipko bližnjice v pojavnem oknu. Odpre se stran s tipkovnimi bližnjicami v Chrome, kjer lahko nastavite drugo tipko.

Zakaj ne deluje na nekaterih straneh?

Chrome za vse razširitve zapre svoje strani, kot so nov zavihek, nastavitve in Chrome Web Store. Izbirnik bere tudi samo vidni del zavihka, zato se najprej pomaknite do barve.

Ali lahko izbere barve zunaj brskalnika?

Ne. Izbira samo iz trenutnega zavihka brskalnika. Tudi ne pretvarja v CMYK ali Pantone in ne preverja kontrasta.

Je brezplačno? Ali zbira podatke?

Brezplačno je in ne pošilja omrežnih zahtev. Zgodovina in privzeta oblika ostaneta v vaši napravi.

Več brezplačnih razširitev PYROCTAL

Ciljajte. Kliknite. Prilepite.

Dodaj v Chrome — brezplačno