Vienkāršs krāsu atlasītājs

Bezmaksas krāsu atlasītājs pārlūkam Chrome

Krāsu atlasītājs un pipete jebkurai lapai. Krāsas kods: #E8553D

Vienkāršs krāsu atlasītājs ir bezmaksas pipete pārlūkam Chrome. Nospied tā pogu vai Alt+P, caur lupu nomērķē uz pikseli un noklikšķini. HEX, RGB vai HSL kods jau ir tavā starpliktuvē. Pēdējās 50 krāsas gaida uznirstošajā logā.

Pievienot pārlūkam Chrome — bez maksas

453 lietotāju veikalā Chrome Web Store

Darbojas arī Edge, Brave, Opera un citos Chromium pārlūkos.

Kvadrātveida lupa virs plakāta tīmekļa lapā ierāmē pikseli ar tā HEX, RGB un HSL kodiem; blakus Vienkāršs krāsu atlasītājs uznirstošajā logā rāda #E8553D un krāsu vēsturi

Īsumā

Ko tas dara
Krāsu atlasītājs ar pipeti: caur lupu nomērķē uz jebkuru tīmekļa lapas pikseli un noklikšķini. Tā HEX, RGB vai HSL kods tiek nokopēts.
Kam tas noder
Tīmekļa izstrādātājiem un dizaineriem, kas saskaņo krāsas no dzīvām vietnēm, maketiem un pārlūkā atvērtiem ekrānuzņēmumiem. Ikvienam, kam vajag krāsas kodu.
Cena
Bez maksas. Bez konta un maksas versijas.
Dati
Vēsture un noklusējuma formāts paliek paplašinājuma lokālajā krātuvē tavā ierīcē. Bez analītikas un tīkla pieprasījumiem.
Kur darbojas
Datorā, Chrome un citos Chromium pārlūkos, kuros var instalēt paplašinājumus no Chrome Web Store. Nedarbojas pārlūka iekšējās lapās, piemēram, jaunā cilnē, iestatījumos vai Chrome Web Store.
Ierobežojumi
Ņem krāsas no cilnes redzamās daļas, izmantojot sākumā uzņemtu momentuzņēmumu. Nav CMYK, Pantone, kontrasta pārbaudes vai krāsu atlases ārpus pārlūka.
Versija
2.7.0, atjaunināts 2026. gada 23. oktobris

Trīs soļi, viens klikšķis

  1. 1

    Palaid atlasītāju

    Noklikšķini uz rīkjoslas ikonas un nospied Izvēlēties krāsu vai jebkurā lapā nospied Alt+P.

  2. 2

    Nomērķē ar lupu

    Kvadrātveida lupa palielina apgabalu ap kursoru un precīzi ierāmē pikseli. Zem tās redzamais krāsas paraugs uzreiz rāda HEX, RGB un HSL kodus.

  3. 3

    Noklikšķini un ielīmē

    Kods tiek nokopēts noklusējuma formātā, un īss paziņojums to apstiprina. Ielīmē to CSS, Figma vai ziņojumā.

Kas to lieto

CSS

Saskarņu izstrāde

Paņem precīzas vērtības no dzīvas vietnes CSS, SCSS vai Tailwind konfigurācijai, neatverot DevTools.

HEX

Dizaina un zīmola pārbaude

Savāc paleti no saskarnes, maketa vai parauga. Pārbaudi, vai lapā izmantota pareizā zīmola krāsa.

HSL

Krāsu pielāgošana

Izvēlies HSL, lai manuāli pielāgotu gaišumu un piesātinājumu, vai RGB, ja kodam vajadzīgas skaitliskas vērtības.

Ko tas spēj

  • ierāmēts pikselis

    Lupa palielina 11 × 11 pikseļus ap kursoru, un tēmēklis ierāmē to, kuru izvēlēsies. Trāpi viena pikseļa apmalē vai vienā krāsu pārejas tonī.

  • formāti

    HEX: #2A6FDB, RGB: rgb(42, 111, 219), HSL: hsl(217, 71%, 51%). Noklusējuma formātu vienreiz izvēlies uznirstošajā logā.

  • krāsas vēsturē

    Katra izvēlētā krāsa nonāk pēdējo 50 krāsu režģa sākumā, bez dublikātiem. Noklikšķini uz parauga, lai apskatītu un kopētu visus trīs kodus.

  • Alt+P īsinājumtaustiņš

    Sāc atlasīt krāsu, neatverot uznirstošo logu. Tajā redzamā taustiņa poga atver Chrome īsinājumtaustiņu iestatījumus, ja vēlies citu taustiņu.

  • tīkla pieprasījumu

    Viss darbojas tavā pārlūkā. Bez konta, analītikas un telemetrijas.

  • Gaišs un tumšs

    Uznirstošais logs un lupa seko sistēmas motīvam. Neitrāli pelēkie toņi neietekmē krāsas, kuras vērtē.

Kā iegūt jebkura tīmekļa lapas elementa krāsas kodu

Chrome pipete atrodas DevTools: atver stilu paneli, atrodi krāsas īpašību, noklikšķini uz tās parauga un tad uz pipetes. Tā darbojas, bet ir dziļi paslēpta. Izvēlētā vērtība aizstāj šo lapas CSS īpašību, nevis nonāk starpliktuvē.

Vienkāršs krāsu atlasītājs ļauj piekļūt pipetei ar vienu klikšķi vai īsinājumtaustiņu. Sākot darbu, tas uzņem cilnes redzamās daļas momentuzņēmumu un atver virs tā kvadrātveida lupu. Tu redzi precīzu pikseli, nevis vidējo vērtību. Viens klikšķis kopē kodu, un uznirstošais logs to glabā kopā ar pēdējām 50 krāsām visos trīs formātos.

Pirms sākt, ritini līdz vajadzīgajai lapas daļai: lupa lasa šo momentuzņēmumu. Pārlūka iekšējās lapas, piemēram, jauna cilne, iestatījumi un Chrome Web Store, nav pieejamas nevienam paplašinājumam.

Privātums jau no pamatiem

  • Bez tīkla pieprasījumiem

    Paplašinājums nekad nesazinās ar serveri. Bez analītikas un telemetrijas.

  • Paliek tavā ierīcē

    Vēsture un noklusējuma formāts glabājas paplašinājuma lokālajā krātuvē.

  • Četras atļaujas

    Aktīvā cilne tikai krāsas atlases sākumā, lai uzņemtu momentuzņēmumu; skriptu izpilde lupas rādīšanai; krātuve vēsturei un formātam; rakstīšana starpliktuvē koda kopēšanai.

DevTools pipete un Vienkāršs krāsu atlasītājs

DevTools pipete un Vienkāršs krāsu atlasītājsDevTools pipeteVienkāršs krāsu atlasītājs
Kā sāktAtver DevTools, atrodi krāsu stilu panelī, noklikšķini uz tās parauga un tad uz pipetesRīkjoslas poga vai Alt+P
Kur nonāk rezultātsAtvērtajā CSS īpašībā; kopē patsTavā starpliktuvē, ar klikšķi
Krāsu formātiHEX, RGB, HSL un citiHEX, RGB un HSL
Iepriekš izvēlētās krāsasNetiek saglabātasPēdējās 50, gatavas atkārtotai kopēšanai
CenaIebūvēts pārlūkā ChromeBez maksas

Jautājumi

Kā iegūt krāsas kodu no vietnes?

Instalē paplašinājumu Vienkāršs krāsu atlasītājs, lapā nospied Alt+P, nomērķē lupu uz krāsu un noklikšķini. HEX kods vai tavs izvēlētais RGB vai HSL tiek nokopēts starpliktuvē.

Kā ar krāsu atlasītāja pipeti paņemt krāsu no attēla tīmekļa lapā?

Tāpat: palaid atlasītāju un noklikšķini uz vajadzīgā attēla pikseļa. Lupa palielina attēlu, lai vari paņemt vienu precīzu pikseli.

Vai varu kopēt HSL vai RGB kodu HEX vietā?

Jā. Uznirstošajā logā izvēlies noklusējuma formātu: HEX, RGB vai HSL. Tur redzami arī visi trīs katras vēstures krāsas kodi, katrs ar savu kopēšanas pogu.

Kur atrast iepriekš atlasītās krāsas?

Atver uznirstošo logu: tur ir pēdējo 50 krāsu paraugi, jaunākie sākumā. Noklikšķini uz kāda, lai apskatītu un kopētu tā kodus, vai notīri vēsturi.

Kā mainīt Alt+P īsinājumtaustiņu?

Noklikšķini uz taustiņa pogas uznirstošajā logā. Tā atver Chrome īsinājumtaustiņu lapu, kur vari iestatīt citu taustiņu.

Kāpēc krāsu atlasītājs dažās lapās nedarbojas?

Chrome neļauj nevienam paplašinājumam piekļūt iekšējām lapām: jaunai cilnei, iestatījumiem un Chrome Web Store. Atlasītājs lasa tikai cilnes redzamo daļu, tāpēc vispirms ritini līdz krāsai.

Vai pipete var atlasīt krāsas ārpus pārlūka?

Nē. Tā ņem krāsas tikai no pašreizējās pārlūka cilnes. Tā arī nepārvērš kodus uz CMYK vai Pantone un nepārbauda kontrastu.

Vai krāsu atlasītājs ir bezmaksas? Vai tas vāc datus?

Tas ir bezmaksas un nesūta tīkla pieprasījumus. Vēsture un noklusējuma formāts paliek tavā ierīcē.

Vēl bezmaksas paplašinājumi no PYROCTAL

Nomērķē. Noklikšķini. Ielīmē.

Pievienot pārlūkam Chrome — bez maksas