Egyszerű színválasztó

Ingyenes színválasztó Chrome-hoz

Színválasztó pipetta bármely oldalhoz. Színkód: #E8553D

Egyszerű színválasztó: ingyenes pipetta Chrome-hoz. Nyomd meg a gombját vagy az Alt+P billentyűket, célozz egy képpontra a nagyítóval, és kattints. A HEX, RGB vagy HSL kód már a vágólapodon van. Az utolsó 50 szín a felugró ablakban vár.

Hozzáadás a Chrome-hoz — ingyen

453 felhasználó a Chrome Web Store áruházban

Edge, Brave, Opera és más Chromium-böngészőkben is működik.

Négyzetes nagyító egy weboldalon látható plakát fölött: egy képpontot keretez annak HEX, RGB és HSL kódjával; mellette az Egyszerű színválasztó felugró ablaka #E8553D kóddal és színelőzményekkel

Rövid áttekintés

Mire való
Színválasztó pipetta: célozz egy weboldal bármely képpontjára a nagyítóval, kattints, és a HEX, RGB vagy HSL kód a vágólapra kerül.
Kinek szól
Webfejlesztőknek és tervezőknek, akik élő weboldalak, látványtervek és a böngészőben megnyitott képernyőképek színeit egyeztetik. Bárkinek, akinek színkód kell.
Ár
Ingyenes. Nincs fiók vagy fizetős változat.
Adatok
Az előzmények és az alapértelmezett formátum a bővítmény helyi tárhelyén, az eszközödön maradnak. Nincs elemzés vagy hálózati kérés.
Hol működik
Számítógépen, Chrome és más Chromium-böngészőkben, amelyek telepítenek a Chrome Web Store áruházból. A böngésző saját oldalain, például az új lapon, a beállításokban vagy a Chrome Web Store oldalán nem működik.
Korlátok
A lap látható részéről vesz színmintát az indításkor készült pillanatképből. Nincs CMYK, Pantone, kontrasztellenőrzés vagy böngészőn kívüli színválasztás.
Verzió
2.7.0, frissítve: 2026. október 23.

Három lépés, egy kattintás

  1. 1

    Indítsd el a színválasztót

    Kattints az eszköztár ikonjára, majd a Szín kiválasztása gombra, vagy nyomd meg az Alt+P billentyűket bármely oldalon.

  2. 2

    Célozz a nagyítóval

    A négyzetes nagyító felnagyítja a kurzor környékét, és bekeretezi a pontos képpontot. Az alatta lévő színminta élőben mutatja a HEX, RGB és HSL kódot.

  3. 3

    Kattints és illeszd be

    A kód az alapértelmezett formátumban másolódik, amit rövid üzenet jelez. Illeszd be CSS-be, Figma-tervbe vagy egy üzenetbe.

Kik használják

CSS

Felületfejlesztés

Vegyél át pontos értékeket egy élő weboldalról CSS-hez, SCSS-hez vagy Tailwind-beállításhoz a DevTools megnyitása nélkül.

HEX

Terv és márkaszínek ellenőrzése

Vegyél színmintákat egy felületről, látványtervről vagy referenciáról. Ellenőrizd, hogy az oldal a megfelelő márkaszínt használja.

HSL

Színek finomhangolása

Válaszd a HSL-t a világosság és a telítettség kézi állításához, vagy az RGB-t, ha a kód számértékeket vár.

Mire képes

  • bekeretezett képpont

    A nagyító a kurzor körüli 11 × 11 képpontot nagyítja fel. A célkereszt keretezi a kiválasztandó képpontot. Egy képpontos szegélyt vagy egy színátmenet egyetlen árnyalatát is eltalálhatod.

  • formátum

    HEX: #2A6FDB, RGB: rgb(42, 111, 219), HSL: hsl(217, 71%, 51%). Az alapértelmezettet egyszer állítod be a felugró ablakban.

  • szín az előzményekben

    Minden választás az utolsó 50 szín rácsának elejére kerül, ismétlődés nélkül. Kattints egy színmintára mindhárom kód megtekintéséhez és másolásához.

  • Alt+P billentyűparancs

    Indítsd el a színválasztást a felugró ablak megnyitása nélkül. Az ablak billentyűgombja a Chrome gyorsbillentyű-beállításait nyitja meg, ha másik billentyűt szeretnél.

  • hálózati kérés

    Minden a böngésződben fut. Nincs fiók, elemzés vagy telemetria.

  • Világos és sötét

    A felugró ablak és a nagyító a rendszer témáját követi. Semleges szürke árnyalataik nem színezik el a megítélt színeket.

Hogyan szerezd meg bármi színkódját egy weboldalon

A Chrome saját pipettája a DevTools része. Nyisd meg a Stílusok panelt, keress egy színtulajdonságot, kattints a színmintájára, majd a pipettára. Működik, de nehéz elérni. A kiválasztott érték az oldal CSS-tulajdonságát írja felül, nem a vágólapra kerül.

Egyszerű színválasztó: egy kattintással vagy billentyűparanccsal eléred a pipettát. Indításkor pillanatképet készít a lap látható részéről, és négyzetes nagyítót nyit fölötte. Pontosan a képpontot látod, nem egy átlagot. Egy kattintás másolja a kódot, a felugró ablak pedig megőrzi az utolsó 50 színnel együtt, mindhárom formátumban.

Indítás előtt görgess az oldal szükséges részéhez: a nagyító ebből a pillanatképből olvas. A böngésző saját oldalai, például az új lap, a beállítások és a Chrome Web Store minden bővítmény elől el vannak zárva.

Adatvédelem az alapoktól

  • Nincs hálózati kérés

    A bővítmény soha nem kapcsolódik szerverhez. Nincs elemzés vagy telemetria.

  • Az eszközödön marad

    Az előzmények és az alapértelmezett formátum a bővítmény helyi tárhelyén maradnak.

  • Négy engedély

    Az aktív lap elérése csak a színválasztás indításakor, a pillanatképhez; szkriptfuttatás a nagyítóhoz; tárhely az előzményekhez és a formátumhoz; vágólapírás a kód másolásához.

DevTools pipetta és Egyszerű színválasztó

DevTools pipetta és Egyszerű színválasztóDevTools pipettaEgyszerű színválasztó
IndításNyisd meg a DevTools eszközt, keress színt a Stílusok panelen, kattints a színmintára, majd a pipettáraEszköztárgomb vagy Alt+P
Az eredmény helyeA megnyitott CSS-tulajdonság; magad másolod kiA vágólapod, kattintásra
SzínformátumokHEX, RGB, HSL és továbbiakHEX, RGB és HSL
Korábban kiválasztott színekNem őrzi megAz utolsó 50, újra másolható
ÁrA Chrome részeIngyenes

Kérdések

Hogyan szerezhetem meg egy weboldal színkódját?

Telepítsd ezt: Egyszerű színválasztó. Nyomd meg az Alt+P billentyűket az oldalon, célozz a színre a nagyítóval, és kattints. A HEX kód, vagy igény szerint az RGB vagy HSL, a vágólapodra kerül.

Hogyan használjam a színválasztó pipettát egy weboldal képén?

Ugyanígy: indítsd el a színválasztót, és kattints a kép kívánt képpontjára. A nagyítóval egyetlen pontos képpontot választhatsz ki.

Másolhatok HSL vagy RGB kódot HEX helyett?

Igen. Válaszd ki az alapértelmezett formátumot a felugró ablakban: HEX, RGB vagy HSL. Az ablak az előzmények minden színéhez mindhárom kódot mutatja, külön másolásgombbal.

Hol találom a korábban kiválasztott színeket?

Nyisd meg a felugró ablakot. Az utolsó 50 szín színmintaként látható, a legújabb elöl. Kattints egyre a kódjainak megtekintéséhez és másolásához, vagy töröld az előzményeket.

Hogyan módosíthatom az Alt+P billentyűparancsot?

Kattints a felugró ablak billentyűgombjára. Megnyílik a Chrome billentyűparancsok oldala, ahol másik billentyűt állíthatsz be.

Miért nem működik a színválasztó egyes oldalakon?

A Chrome a saját oldalait, például az új lapot, a beállításokat és a Chrome Web Store oldalát minden bővítmény elől elzárja. A színválasztó csak a lap látható részét olvassa, ezért előbb görgess a színhez.

Vehet a pipetta színmintát a böngészőn kívül?

Nem. Csak az aktuális böngészőlapon működik. CMYK vagy Pantone formátumra sem alakít át, és kontrasztot sem ellenőriz.

Ingyenes a színválasztó? Gyűjt adatokat?

Ingyenes, és nem küld hálózati kéréseket. Az előzmények és az alapértelmezett formátum az eszközödön maradnak.

További ingyenes bővítmények a PYROCTAL-tól

Célozz. Kattints. Illeszd be.

Hozzáadás a Chrome-hoz — ingyen