Lihtne värvivalija

Tasuta värvivalija Chrome'ile

Vali värvivalijaga värv igalt lehelt. Saa #E8553D

Lihtne värvivalija on tasuta pipett Chrome'ile. Vajuta selle nuppu või Alt+P, sihi luubiga mis tahes pikslit ja klõpsa: HEX-, RGB- või HSL-kood on kohe lõikelaual. Su viimased 50 värvi ootavad hüpikaknas.

Lisa Chrome'i — tasuta

453 kasutajat poes Chrome Web Store

Töötab ka brauserites Edge, Brave, Opera ja teistes Chromiumil põhinevates brauserites.

Ruudukujuline luup veebilehe plakati kohal raamib ühe piksli ning näitab selle HEX-, RGB- ja HSL-koodi. Kõrval on Lihtne värvivalija hüpikaken koodiga #E8553D ja värviajalooga

Lühiülevaade

Mida see teeb
Pipetiga värvivalija: sihi luubiga veebilehel mis tahes pikslit ja klõpsa. Selle HEX-, RGB- või HSL-kood kopeeritakse.
Kellele see on
Veebiarendajatele ja disaineritele, kes sobitavad värve brauseris avatud veebilehtedelt, kavanditelt ja kuvatõmmistelt, ning kõigile, kes vajavad värvikoodi.
Hind
Tasuta. Kontot ega tasulist versiooni pole.
Andmed
Su ajalugu ja vaikevorming jäävad laienduse kohalikku salvestusruumi sinu seadmes. Analüütikat ega võrgupäringuid pole.
Kus töötab
Arvutis Chrome'is ja teistes Chromiumi brauserites, mis lubavad paigaldada laiendusi poest Chrome Web Store. Ei tööta brauseri enda lehtedel, näiteks uue vahelehe lehel, seadetes ega poes Chrome Web Store.
Piirangud
Võtab värvi vahelehe nähtavast osast käivitamisel tehtud kuvatõmmise põhjal. Ei toeta CMYK-i, Pantone'i, kontrastikontrolli ega värvi võtmist väljaspool brauserit.
Versioon
2.7.0, uuendatud 23. oktoober 2026

Kolm sammu, üks klõps

  1. 1

    Käivita värvivalija

    Klõpsa tööriistariba ikooni ja vajuta nuppu Vali värv või vajuta mis tahes lehel Alt+P.

  2. 2

    Sihi luubiga

    Ruudukujuline luup suurendab kursori ümbrust ja raamib täpse piksli. Selle all olev värvinäidis näitab jooksvalt HEX-, RGB- ja HSL-koodi.

  3. 3

    Klõpsa ja kleebi

    Kood kopeeritakse su vaikevormingus ning lühike teade kinnitab seda. Kleebi see CSS-i, Figma kujundusse või sõnumisse.

Kes seda kasutavad

CSS

Veebiliidese arendus

Võta veebilehelt täpsed väärtused CSS-i, SCSS-i või Tailwind seadistuse jaoks ilma DevTools tööriistu avamata.

HEX

Disaini ja brändi kontroll

Võta liidesest, kavandist või eeskujust värvipalett ja kontrolli, kas leht kasutab õiget brändivärvi.

HSL

Värvide kohandamine

Võta HSL, et heledust ja küllastust käsitsi muuta, või RGB koodi jaoks, mis vajab arve.

Mida see teeb

  • raamitud piksel

    Luup suurendab kursori ümber 11 × 11 pikslit ning sihik raamib valitava piksli. Taba ühe piksli laiust äärist või üht värviastet üleminekus.

  • vormingut

    HEX, näiteks #2A6FDB; RGB, näiteks rgb(42, 111, 219); HSL, näiteks hsl(217, 71%, 51%). Vali vaikevorming üks kord hüpikaknas.

  • värvi ajaloos

    Iga valik läheb su viimase 50 värvi ruudustiku algusse ilma kordusteta. Klõpsa värvinäidist, et näha ja kopeerida kõiki kolme koodi.

  • Alt+P kiirklahv

    Alusta värvi valimist hüpikakent avamata. Hüpikakna klahvimärk avab Chrome'i kiirklahvide seaded, kui soovid teist klahvi.

  • võrgupäringut

    Kõik töötab su brauseris. Kontot, analüütikat ega telemeetriat pole.

  • Hele ja tume

    Hüpikaken ja luup järgivad su süsteemi teemat. Neutraalsed halltoonid ei mõjuta hinnatavate värvide tajumist.

Kuidas saada veebilehe mis tahes elemendi värvikoodi

Chrome'i enda pipett asub DevTools tööriistades: ava laadide paneel, leia värviomadus, klõpsa selle värvinäidist ja siis pipetti. See töötab, kuid on mitme sammu kaugusel. Valitud väärtus asendab lehe CSS-is selle omaduse ega lähe lõikelauale.

Lihtne värvivalija toob pipeti ühe klõpsu või kiirklahvi kaugusele. Käivitamisel teeb see vahelehe nähtavast osast kuvatõmmise ja avab selle kohal ruudukujulise luubi. Nii näed täpset pikslit, mitte keskmist värvi. Üks klõps kopeerib koodi ning hüpikaken säilitab selle koos su viimase 50 värviga kõigis kolmes vormingus.

Keri enne alustamist vajaliku leheosani: luup loeb värve sellest kuvatõmmisest. Brauseri enda lehed, näiteks uue vahelehe leht, seaded ja Chrome Web Store, on kõigile laiendustele suletud.

Privaatsust hoidev lahendus

  • Võrgupäringuid pole

    Laiendus ei suhtle ühegi serveriga. Analüütikat ega telemeetriat pole.

  • Jääb su seadmesse

    Su ajalugu ja vaikevorming asuvad laienduse kohalikus salvestusruumis.

  • Neli õigust

    Aktiivne vaheleht kuvatõmmise tegemiseks ainult värvi valimise alustamisel; skripti käivitamine luubi näitamiseks; salvestusruum ajaloo ja vormingu jaoks; lõikelauale kirjutamine koodi kopeerimiseks.

DevTools pipett ja Lihtne värvivalija

DevTools pipett ja Lihtne värvivalijaDevTools pipettLihtne värvivalija
Kuidas alustadaAva DevTools, leia laadidest värv, klõpsa värvinäidist ja siis pipettiTööriistariba nupp või Alt+P
Kuhu tulemus lähebAvatud CSS-i omadusse; kopeerid selle iseKlõpsuga su lõikelauale
VärvivormingudHEX, RGB, HSL ja teisedHEX, RGB ja HSL
Varem valitud värvidEi säilitataSu viimased 50, valmis uuesti kopeerimiseks
HindChrome'i sisse ehitatudTasuta

Küsimused

Kuidas saada veebilehelt värvikoodi?

Paigalda Lihtne värvivalija, vajuta lehel Alt+P, sihi luubiga värvi ja klõpsa. HEX-kood või soovi korral RGB või HSL kopeeritakse su lõikelauale.

Kuidas võtta värvivalijaga värvi veebilehel olevalt pildilt?

Samamoodi: käivita värvivalija ja klõpsa pildil soovitud pikslit. Luup suurendab pilti, et saaksid võtta täpselt ühe piksli.

Kas saan HEX-i asemel kopeerida HSL-i või RGB-d?

Jah. Vali hüpikaknas vaikevorming: HEX, RGB või HSL. Hüpikaken näitab iga ajaloos oleva värvi kõiki kolme vormingut, igaühel on oma kopeerimisnupp.

Kust leian varem valitud värvid?

Ava hüpikaken: seal on su viimased 50 värvi näidistena, uusimad eespool. Klõpsa üht, et näha ja kopeerida selle koode, või tühjenda ajalugu.

Kuidas muuta Alt+P kiirklahvi?

Klõpsa hüpikaknas kiirklahvi märki. See avab Chrome'i kiirklahvide lehe, kus saad määrata teise klahvi.

Miks pipett mõnel lehel ei tööta?

Chrome ei luba laiendusi oma lehtedele, näiteks uue vahelehe lehele, seadetesse ega poodi Chrome Web Store. Värvivalija loeb ainult vahelehe nähtavat osa, seega keri esmalt värvini.

Kas see saab võtta värve väljaspool brauserit?

Ei. See võtab värve ainult brauseri aktiivselt vahelehelt. Samuti ei teisenda see CMYK-i ega Pantone'i ega kontrolli kontrasti.

Kas see on tasuta? Kas see kogub andmeid?

See on tasuta ega tee võrgupäringuid. Su ajalugu ja vaikevorming jäävad su seadmesse.

Veel tasuta laiendusi PYROCTAL-ilt

Sihi. Klõpsa. Kleebi.

Lisa Chrome'i — tasuta