Paprastas spalvų parinkiklis

Nemokamas Chrome spalvų parinkiklis

Spalvų parinkiklis ir pipetė bet kuriam puslapiui. Kodas: #E8553D

Paprastas spalvų parinkiklis — nemokama Chrome pipetė. Paspausk jos mygtuką arba Alt+P, per lupą nutaikyk į pikselį ir spustelėk. HEX, RGB ar HSL kodas jau tavo iškarpinėje. Paskutinės 50 spalvų laukia iškylančiajame lange.

Pridėti prie Chrome — nemokamai

453 naudotojų Chrome Web Store parduotuvėje

Taip pat veikia Edge, Brave, Opera ir kitose Chromium naršyklėse.

Kvadratinė lupa virš plakato tinklalapyje įrėmina pikselį su jo HEX, RGB ir HSL kodais; šalia Paprastas spalvų parinkiklis iškylančiajame lange rodo #E8553D ir spalvų istoriją

Trumpai

Ką daro
Spalvų parinkiklis su pipete: per lupą nutaikyk į bet kurį tinklalapio pikselį ir spustelėk. Jo HEX, RGB ar HSL kodas nukopijuojamas.
Kam skirta
Svetainių kūrėjams ir dizaineriams, derinantiems spalvas iš veikiančių svetainių, maketų ir naršyklėje atvertų ekrano kopijų. Visiems, kam reikia spalvos kodo.
Kaina
Nemokama. Be paskyros ir mokamos versijos.
Duomenys
Istorija ir numatytasis formatas lieka plėtinio vietinėje saugykloje tavo įrenginyje. Be analitikos ir tinklo užklausų.
Kur veikia
Kompiuteryje, Chrome ir kitose Chromium naršyklėse, diegiančiose plėtinius iš Chrome Web Store. Neveikia vidiniuose naršyklės puslapiuose: naujame skirtuke, nustatymuose ar Chrome Web Store.
Ribos
Spalvas ima iš matomos skirtuko dalies, naudodamas paleidimo metu padarytą momentinę kopiją. Nėra CMYK, Pantone ar kontrasto tikrinimo, spalvų neima už naršyklės ribų.
Versija
2.7.0, atnaujinta 2026 m. spalio 23 d.

Trys žingsniai, vienas spustelėjimas

  1. 1

    Paleisk parinkiklį

    Spustelėk įrankių juostos piktogramą ir mygtuką Pasirinkti spalvą arba bet kuriame puslapyje paspausk Alt+P.

  2. 2

    Nutaikyk su lupa

    Kvadratinė lupa padidina sritį aplink žymeklį ir tiksliai įrėmina pikselį. Po ja esantis spalvos pavyzdys iškart rodo HEX, RGB ir HSL kodus.

  3. 3

    Spustelėk ir įklijuok

    Kodas nukopijuojamas numatytuoju formatu, o trumpas pranešimas tai patvirtina. Įklijuok jį į CSS, Figma ar žinutę.

Kas naudoja

CSS

Sąsajų kūrimas

Paimk tikslias reikšmes iš veikiančios svetainės CSS, SCSS ar Tailwind konfigūracijai neatverdamas DevTools.

HEX

Dizaino ir prekės ženklo patikra

Surink paletę iš sąsajos, maketo ar pavyzdžio. Patikrink, ar puslapyje naudojama tinkama prekės ženklo spalva.

HSL

Spalvų derinimas

Rinkis HSL, kai ranka keiti šviesį ir sodrumą, arba RGB, kai kodui reikia skaitinių reikšmių.

Ką gali

  • įrėmintas pikselis

    Lupa padidina 11 × 11 pikselių aplink žymeklį, o taikiklis įrėmina tą, kurį pasirinksi. Pataikyk į vieno pikselio kraštinę ar vieną gradiento atspalvį.

  • formatai

    HEX: #2A6FDB, RGB: rgb(42, 111, 219), HSL: hsl(217, 71%, 51%). Numatytąjį vieną kartą pasirink iškylančiajame lange.

  • spalvų istorijoje

    Kiekviena pasirinkta spalva atsiduria paskutinių 50 spalvų tinklelio pradžioje, be pasikartojimų. Spustelėk pavyzdį, kad pamatytum ir nukopijuotum visus tris kodus.

  • Alt+P spartusis klavišas

    Pradėk rinktis spalvą neatverdamas iškylančiojo lango. Jame esantis klavišo mygtukas atveria Chrome sparčiųjų klavišų nustatymus, jei nori kito klavišo.

  • tinklo užklausų

    Viskas veikia tavo naršyklėje. Be paskyros, analitikos ir telemetrijos.

  • Šviesi ir tamsi tema

    Iškylantysis langas ir lupa prisitaiko prie sistemos temos. Neutralūs pilki tonai nekeičia tavo vertinamų spalvų įspūdžio.

Kaip gauti bet kurio tinklalapio elemento spalvos kodą

Chrome pipetė yra DevTools viduje: atverk stilių skydelį, rask spalvos savybę, spustelėk jos pavyzdį, tada pipetę. Ji veikia, bet yra giliai paslėpta. Pasirinkta reikšmė pakeičia tą puslapio CSS savybę, užuot patekusi į iškarpinę.

Paprastas spalvų parinkiklis leidžia pasiekti pipetę vienu spustelėjimu ar sparčiuoju klavišu. Paleistas jis padaro matomos skirtuko dalies momentinę kopiją ir virš jos atveria kvadratinę lupą. Matai tikslų pikselį, o ne vidurkį. Vienas spustelėjimas nukopijuoja kodą. Iškylantysis langas išsaugo jį su paskutinėmis 50 spalvų visais trimis formatais.

Prieš pradėdamas nuslink iki reikiamos puslapio dalies: lupa skaito tą momentinę kopiją. Vidiniai naršyklės puslapiai, tokie kaip naujas skirtukas, nustatymai ir Chrome Web Store, neprieinami jokiam plėtiniui.

Privatumas nuo pat pradžių

  • Be tinklo užklausų

    Plėtinys niekada nesikreipia į serverį. Be analitikos ir telemetrijos.

  • Lieka tavo įrenginyje

    Istorija ir numatytasis formatas saugomi plėtinio vietinėje saugykloje.

  • Keturi leidimai

    Aktyvus skirtukas tik pradėjus rinktis spalvą, kad būtų padaryta momentinė kopija; scenarijų vykdymas lupai rodyti; saugykla istorijai ir formatui; rašymas į iškarpinę kodui kopijuoti.

DevTools pipetė ir Paprastas spalvų parinkiklis

DevTools pipetė ir Paprastas spalvų parinkiklisDevTools pipetėPaprastas spalvų parinkiklis
Kaip paleistiAtverk DevTools, rask spalvą stilių skydelyje, spustelėk jos pavyzdį, tada pipetęĮrankių juostos mygtukas arba Alt+P
Kur patenka rezultatasĮ atvertą CSS savybę; kopijuoji patsĮ tavo iškarpinę, spustelėjus
Spalvų formataiHEX, RGB, HSL ir kitiHEX, RGB ir HSL
Anksčiau pasirinktos spalvosNeišsaugomosPaskutinės 50, paruoštos kopijuoti dar kartą
KainaĮtraukta į ChromeNemokama

Klausimai

Kaip gauti spalvos kodą iš svetainės?

Įdiek plėtinį Paprastas spalvų parinkiklis, puslapyje paspausk Alt+P, nutaikyk lupą į spalvą ir spustelėk. HEX kodas, arba tavo pasirinktas RGB ar HSL, nukopijuojamas į iškarpinę.

Kaip spalvų parinkiklio pipete paimti spalvą iš tinklalapio vaizdo?

Taip pat: paleisk parinkiklį ir spustelėk reikiamą vaizdo pikselį. Lupa padidina vaizdą, todėl gali pasirinkti vieną tikslų pikselį.

Ar galiu kopijuoti HSL arba RGB vietoj HEX?

Taip. Iškylančiajame lange pasirink numatytąjį formatą: HEX, RGB arba HSL. Jame taip pat rodomi visi trys kiekvienos istorijos spalvos kodai su atskirais kopijavimo mygtukais.

Kur rasti anksčiau parinktas spalvas?

Atverk iškylantįjį langą: ten rasi paskutinių 50 spalvų pavyzdžius, naujausius pradžioje. Spustelėk vieną, kad pamatytum ir nukopijuotum kodus, arba išvalyk istoriją.

Kaip pakeisti Alt+P spartųjį klavišą?

Spustelėk klavišo mygtuką iškylančiajame lange. Jis atveria Chrome sparčiųjų klavišų puslapį, kuriame gali nustatyti kitą klavišą.

Kodėl spalvų parinkiklis neveikia kai kuriuose puslapiuose?

Chrome neleidžia jokiam plėtiniui pasiekti vidinių puslapių: naujo skirtuko, nustatymų ir Chrome Web Store. Parinkiklis skaito tik matomą skirtuko dalį, todėl pirmiausia nuslink iki spalvos.

Ar pipetė gali imti spalvas už naršyklės ribų?

Ne. Ji ima spalvas tik iš dabartinio naršyklės skirtuko. Taip pat nekonvertuoja į CMYK ar Pantone ir netikrina kontrasto.

Ar spalvų parinkiklis nemokamas? Ar renka duomenis?

Jis nemokamas ir nesiunčia tinklo užklausų. Istorija ir numatytasis formatas lieka tavo įrenginyje.

Daugiau nemokamų PYROCTAL plėtinių

Nutaikyk. Spustelėk. Įklijuok.

Pridėti prie Chrome — nemokamai