Enkel färgväljare

Gratis färgväljare för Chrome

Välj en färg från valfri sida. Få #E8553D

Enkel färgväljare är en gratis pipett för Chrome. Tryck på knappen eller Alt+P, sikta på valfri pixel genom zoomluppen och klicka: HEX-, RGB- eller HSL-koden ligger redan i urklipp. Dina 50 senaste färger väntar i popupen.

Lägg till i Chrome — gratis

453 användare i Chrome Web Store

Fungerar också i Edge, Brave, Opera och andra Chromium-webbläsare.

Den kvadratiska zoomluppen över en affisch på en webbsida ramar in en pixel med dess HEX, RGB och HSL, bredvid popupen för Enkel färgväljare som visar #E8553D och en färghistorik

I korthet

Vad den gör
En pipett för färger: sikta på valfri pixel på en webbsida genom en zoomlupp, klicka, så kopieras dess HEX-, RGB- eller HSL-kod.
Vem den är för
Webbutvecklare och designers som matchar färger från levande sajter, mockups och skärmbilder som är öppna i webbläsaren, och alla som behöver en färgkod.
Pris
Gratis. Inget konto, ingen betalversion.
Data
Din historik och ditt standardformat ligger kvar i tilläggets lokala lagring på din enhet. Ingen analys, inga nätverksanrop.
Fungerar i
Chrome och andra Chromium-webbläsare som installerar från Chrome Web Store, på dator. Inte på webbläsarens egna sidor, som nya fliken, inställningar eller Chrome Web Store.
Begränsningar
Väljer från den synliga delen av fliken, utifrån en ögonblicksbild som tas när du startar. Inget CMYK, Pantone eller kontrastkontroll, och inget val utanför webbläsaren.
Version
2.7.0, uppdaterad 23 oktober 2026

Tre steg, ett klick

  1. 1

    Starta väljaren

    Klicka på ikonen i verktygsfältet och tryck på Välj en färg, eller tryck Alt+P på valfri sida.

  2. 2

    Sikta med luppen

    En kvadratisk lupp zoomar in runt markören och ramar in exakt den pixeln. En etikett under den visar HEX, RGB och HSL i realtid.

  3. 3

    Klicka och klistra in

    Koden kopieras i ditt standardformat och ett kort meddelande bekräftar det. Klistra in den i CSS, Figma eller ett meddelande.

Vem som använder den

CSS

Frontend

Hämta exakta värden från en levande sajt till CSS, SCSS eller en Tailwind-konfiguration utan att öppna DevTools.

HEX

Design och varumärkeskontroll

Hämta en palett från ett gränssnitt, en mockup eller en förlaga och kontrollera att en sida använder rätt varumärkesfärg.

HSL

Finjustera färger

Ta HSL för att justera ljushet och mättnad för hand, eller RGB för kod som vill ha siffror.

Vad den gör

  • pixel, inramad

    Luppen förstorar 11 × 11 pixlar runt markören och ett riktkors ramar in den du tar. Träffa en kantlinje på en pixel eller ett enda steg i en toning.

  • format

    HEX som #2A6FDB, RGB som rgb(42, 111, 219), HSL som hsl(217, 71%, 51%). Välj standardformat en gång i popupen.

  • färger i historiken

    Varje vald färg hamnar först i ett rutnät med dina 50 senaste färger, utan dubbletter. Klicka på en färgruta för att se och kopiera alla tre koderna.

  • Kortkommandot Alt+P

    Börja välja utan att öppna popupen. Tangenten i popupen öppnar Chromes inställningar för kortkommandon om du vill ha en annan tangent.

  • nätverksanrop

    Allt körs i din webbläsare. Inget konto, ingen analys, ingen telemetri.

  • Ljust och mörkt

    Popupen och luppen följer systemets tema, i neutrala gråtoner som inte färgar de färger du bedömer.

Så får du färgkoden för vad som helst på en webbsida

Chromes egen pipett finns i DevTools: öppna panelen Stilar, hitta en färgegenskap, klicka på dess färgruta och sedan på pipetten. Det fungerar, men det är undangömt, och det valda värdet ersätter egenskapen i sidans CSS i stället för att hamna i urklipp.

Enkel färgväljare lägger en pipett ett klick eller ett kortkommando bort. När du startar tar den en ögonblicksbild av den synliga delen av fliken och öppnar en kvadratisk lupp över den, så att du ser exakt pixel, inte ett medelvärde. Ett klick kopierar koden, och popupen sparar den bland dina 50 senaste färger i alla tre formaten.

Scrolla till den del av sidan du behöver innan du startar: luppen läser från den ögonblicksbilden. Webbläsarens egna sidor, som nya fliken, inställningar och Chrome Web Store, är stängda för alla tillägg.

Privat från grunden

  • Inga nätverksanrop

    Tillägget pratar aldrig med en server. Ingen analys, ingen telemetri.

  • Stannar på din enhet

    Din historik och ditt standardformat ligger i tilläggets lokala lagring.

  • Fyra behörigheter

    Den aktiva fliken, bara när du startar ett val, för att ta ögonblicksbilden; scripting för att visa luppen; lagring för historik och format; skrivning till urklipp för att kopiera koden.

DevTools-pipetten mot Enkel färgväljare

DevTools-pipetten mot Enkel färgväljareDevTools-pipettenEnkel färgväljare
Så startar duÖppna DevTools, hitta en färg i Stilar, klicka på färgrutan och sedan på pipettenVerktygsfältsknappen eller Alt+P
Resultatet hamnar iCSS-egenskapen du öppnade; du kopierar det självDitt urklipp, vid klick
FärgformatHEX, RGB, HSL och flerHEX, RGB och HSL
Tidigare valda färgerSparas inteDina 50 senaste, redo att kopieras igen
PrisInbyggd i ChromeGratis

Frågor

Hur får jag färgkoden från en webbplats?

Installera Enkel färgväljare, tryck Alt+P på sidan, sikta luppen på färgen och klicka. HEX-koden, eller RGB eller HSL om du föredrar det, kopieras till urklipp.

Hur väljer jag en färg från en bild på en webbsida?

På samma sätt: starta väljaren och klicka på pixeln du vill ha i bilden. Luppen zoomar in, så du kan ta exakt en pixel.

Kan jag kopiera HSL eller RGB i stället för HEX?

Ja. Välj standardformat i popupen: HEX, RGB eller HSL. Popupen visar också alla tre för varje färg i historiken, var och en med sin egen kopieringsknapp.

Var hittar jag färger jag valde tidigare?

Öppna popupen: dina 50 senaste färger finns där som färgrutor, de nyaste först. Klicka på en för att se och kopiera dess koder, eller rensa historiken.

Hur ändrar jag kortkommandot Alt+P?

Klicka på kortkommandots tangent i popupen. Den öppnar Chromes sida för kortkommandon, där du kan ställa in en annan tangent.

Varför fungerar det inte på vissa sidor?

Chrome stänger sina egna sidor, som nya fliken, inställningar och Chrome Web Store, för alla tillägg. Väljaren läser också bara den synliga delen av fliken, så scrolla till färgen först.

Kan den välja färger utanför webbläsaren?

Nej. Den väljer bara från den aktuella webbläsarfliken. Den konverterar inte heller till CMYK eller Pantone och kontrollerar inte kontrast.

Är det gratis? Samlar den in data?

Det är gratis och gör inga nätverksanrop. Din historik och ditt standardformat stannar på din enhet.

Fler gratis tillägg från PYROCTAL

Sikta. Klicka. Klistra in.

Lägg till i Chrome — gratis