Simpleng Color Picker

Libreng color picker para sa Chrome

Pumili ng kulay mula sa anumang page. Kunin ang #E8553D

Ang Simpleng Color Picker ay libreng eyedropper para sa Chrome. Pindutin ang button nito o Alt+P, itutok sa anumang pixel gamit ang zoom loupe at mag-click: nasa clipboard mo na ang HEX, RGB o HSL code. Nasa popup ang 50 huling kulay mo.

Idagdag sa Chrome — libre

453 user sa Chrome Web Store

Gumagana rin sa Edge, Brave, Opera at iba pang Chromium browser.

Ang parisukat na zoom loupe sa poster sa isang web page, na nagfa-frame ng isang pixel at nagpapakita ng HEX, RGB at HSL nito, katabi ng popup ng Simpleng Color Picker na nagpapakita ng #E8553D at history ng mga kulay

Sa isang tingin

Ano ang ginagawa
Isang color picker eyedropper: itutok sa anumang pixel sa web page gamit ang zoom loupe, mag-click, at makokopya ang HEX, RGB o HSL code nito.
Para kanino
Para sa mga web developer at designer na kumukuha ng kulay mula sa mga live na site, mockup at screenshot na bukas sa browser, at sa sinumang nangangailangan ng color code.
Presyo
Libre. Walang account, walang bayad na bersyon.
Data
Nananatili ang history at default na format sa local storage ng extension sa device mo. Walang analytics, walang network request.
Gumagana sa
Chrome at iba pang Chromium browser na nag-i-install mula sa Chrome Web Store, sa computer. Hindi sa mga pahina ng browser gaya ng new tab page, settings o Chrome Web Store.
Mga limitasyon
Kumukuha mula sa nakikitang bahagi ng tab, gamit ang snapshot na kinukuha pagsisimula mo. Walang CMYK, Pantone o contrast check, at hindi makakakuha sa labas ng browser.
Bersyon
2.7.0, na-update Oktubre 23, 2026

Tatlong hakbang, isang click

  1. 1

    Simulan ang picker

    I-click ang icon sa toolbar at pindutin ang Pumili ng kulay, o pindutin ang Alt+P sa anumang page.

  2. 2

    Itutok gamit ang loupe

    Nagza-zoom ang parisukat na loupe sa paligid ng cursor at nagfa-frame sa eksaktong pixel. Live na ipinapakita ng chip sa ilalim nito ang HEX, RGB at HSL.

  3. 3

    Mag-click at i-paste

    Kinokopya ang code sa default na format mo at kinukumpirma ito ng maikling note. I-paste ito sa CSS, Figma o mensahe.

Sino ang gumagamit

CSS

Front-end na trabaho

Kunin ang eksaktong value mula sa live na site para sa CSS, SCSS o Tailwind config nang hindi nagbubukas ng DevTools.

HEX

Design at brand check

Kumuha ng palette mula sa interface, mockup o reference, at tiyaking tama ang brand color na ginagamit ng page.

HSL

Pag-aayos ng mga kulay

Kunin ang HSL para manu-manong ayusin ang lightness at saturation, o ang RGB para sa code na numero ang hinihingi.

Ano ang ginagawa nito

  • pixel, naka-frame

    Pinalalaki ng loupe ang 11 × 11 pixel sa paligid ng cursor at nagfa-frame ang reticle sa pixel na kukunin mo. Matatamaan mo ang border na isang pixel o isang hakbang ng gradient.

  • format

    HEX gaya ng #2A6FDB, RGB gaya ng rgb(42, 111, 219), HSL gaya ng hsl(217, 71%, 51%). Piliin ang default nang isang beses sa popup.

  • kulay sa history

    Napupunta sa unahan ng grid ng 50 huling kulay mo ang bawat pick, nang walang duplicate. I-click ang swatch para makita at makopya ang tatlong code.

  • Shortcut na Alt+P

    Simulan ang pagpili nang hindi binubuksan ang popup. Binubuksan ng keycap sa popup ang mga setting ng shortcut ng Chrome kung gusto mo ng ibang key.

  • network request

    Lahat ay tumatakbo sa browser mo. Walang account, walang analytics, walang telemetry.

  • Light at dark

    Sumusunod ang popup at loupe sa theme ng system mo, sa mga neutral na gray na hindi nagbibigay ng tint sa mga kulay na sinusuri mo.

Paano kunin ang color code ng anuman sa web page

Nasa loob ng DevTools ang sariling eyedropper ng Chrome: buksan ang panel na Mga Estilo, humanap ng color property, i-click ang swatch nito, saka ang eyedropper. Gumagana ito, pero nakabaon, at pinapalitan ng napiling value ang property na iyon sa CSS ng page sa halip na mapunta sa clipboard mo.

Isang click o isang shortcut lang ang layo ng eyedropper sa Simpleng Color Picker. Pagsisimula mo, kumukuha ito ng snapshot ng nakikitang bahagi ng tab at nagbubukas ng parisukat na loupe dito, kaya nakikita mo ang eksaktong pixel, hindi average. Kinokopya ng isang click ang code, at itinatago ito ng popup kasama ng 50 huling kulay mo sa tatlong format.

Mag-scroll sa bahagi ng page na kailangan mo bago magsimula: sa snapshot na iyon bumabasa ang loupe. Sarado sa lahat ng extension ang mga pahina ng browser gaya ng new tab page, settings at Chrome Web Store.

Pribado sa disenyo

  • Walang network request

    Hindi kailanman kumokonekta ang extension sa server. Walang analytics, walang telemetry.

  • Nananatili sa device mo

    Nasa local storage ng extension ang history at default na format mo.

  • Apat na permission

    Ang active tab, kapag nagsimula ka lang ng pick, para kumuha ng snapshot; scripting para ipakita ang loupe; storage para sa history at format; clipboard write para kopyahin ang code.

DevTools eyedropper vs Simpleng Color Picker

DevTools eyedropper vs Simpleng Color PickerDevTools eyedropperSimpleng Color Picker
Paano magsimulaBuksan ang DevTools, humanap ng kulay sa Mga Estilo, i-click ang swatch nito, saka ang eyedropperButton sa toolbar o Alt+P
Saan napupunta ang resultaSa CSS property na binuksan mo; ikaw mismo ang kokopyaSa clipboard mo, sa isang click
Mga format ng kulayHEX, RGB, HSL at iba paHEX, RGB at HSL
Mga kulay na napili datiHindi itinatagoAng 50 huli mo, handang kopyahin ulit
PresyoBuilt-in sa ChromeLibre

Mga tanong

Paano ko kukunin ang color code mula sa isang website?

I-install ang Simpleng Color Picker, pindutin ang Alt+P sa page, itutok ang loupe sa kulay at mag-click. Makokopya sa clipboard mo ang HEX code, o RGB o HSL kung iyon ang gusto mo.

Paano pumili ng kulay mula sa larawan sa web page?

Ganoon din: simulan ang picker at i-click ang pixel na gusto mo sa larawan. Nagza-zoom ang loupe, kaya makakakuha ka ng isang eksaktong pixel.

Puwede bang kopyahin ang HSL o RGB sa halip na HEX?

Oo. Piliin ang default na format sa popup: HEX, RGB o HSL. Ipinapakita rin ng popup ang tatlo para sa anumang kulay sa history mo, bawat isa may sariling copy button.

Saan ko makikita ang mga kulay na napili ko dati?

Buksan ang popup: nandoon ang 50 huling kulay mo bilang mga swatch, pinakabago ang una. I-click ang isa para makita at makopya ang mga code nito, o i-clear ang history.

Paano palitan ang shortcut na Alt+P?

I-click ang keycap ng shortcut sa popup. Bubuksan nito ang pahina ng mga keyboard shortcut ng Chrome, kung saan makakapagtakda ka ng ibang key.

Bakit hindi ito gumagana sa ilang page?

Isinasara ng Chrome sa lahat ng extension ang sarili nitong mga pahina, gaya ng new tab page, settings at Chrome Web Store. Nababasa rin ng picker ang nakikitang bahagi lang ng tab, kaya mag-scroll muna sa kulay.

Makakapili ba ito ng kulay sa labas ng browser?

Hindi. Pumipili lang ito mula sa kasalukuyang tab ng browser. Hindi rin ito nagko-convert sa CMYK o Pantone o nagche-check ng contrast.

Libre ba ito? Nangongolekta ba ito ng data?

Libre ito at walang network request. Nananatili sa device mo ang history at default na format.

Higit pang libreng extension mula sa PYROCTAL

Itutok. I-click. I-paste.

Idagdag sa Chrome — libre