CSS
Frontend
Hent nøyaktige verdier fra et levende nettsted til CSS, SCSS eller en Tailwind-konfig uten å åpne DevTools.
Gratis fargevelger for Chrome
Enkel fargevelger er en gratis pipette for Chrome. Trykk på knappen eller Alt+P, sikt på en piksel gjennom zoomlupen og klikk: HEX-, RGB- eller HSL-koden ligger allerede på utklippstavlen. De 50 siste fargene dine ligger klare i popupen.
453 brukere i Chrome Web Store
Fungerer også i Edge, Brave, Opera og andre Chromium-nettlesere.

Klikk på ikonet i verktøylinjen og trykk Velg en farge, eller trykk Alt+P på en hvilken som helst side.
En firkantet lupe zoomer inn rundt markøren og rammer inn nøyaktig én piksel. Under den vises HEX, RGB og HSL i sanntid.
Koden kopieres i standardformatet ditt, og en kort melding bekrefter det. Lim den inn i CSS, Figma eller en melding.
CSS
Hent nøyaktige verdier fra et levende nettsted til CSS, SCSS eller en Tailwind-konfig uten å åpne DevTools.
HEX
Hent en palett fra et grensesnitt, en skisse eller en referanse, og sjekk at en side bruker riktig merkevarefarge.
HSL
Bruk HSL for å justere lysstyrke og metning for hånd, eller RGB for kode som vil ha tall.
Lupen forstørrer 11 × 11 piksler rundt markøren, og et trådkors rammer inn den du velger. Treff en kant på én piksel eller ett enkelt trinn i en gradient.
HEX som #2A6FDB, RGB som rgb(42, 111, 219), HSL som hsl(217, 71%, 51%). Velg standardformat én gang i popupen.
Hver farge du velger havner først i et rutenett med de 50 siste, uten duplikater. Klikk på en fargeprøve for å se og kopiere alle tre kodene.
Start valget uten å åpne popupen. Tastesymbolet i popupen åpner Chromes innstillinger for hurtigtaster hvis du vil ha en annen tast.
Alt kjører i nettleseren din. Ingen konto, ingen analyse, ingen telemetri.
Popupen og lupen følger systemtemaet, i nøytrale gråtoner som ikke farger fargene du vurderer.
Chromes egen pipette ligger inne i DevTools: åpne Stiler-panelet, finn en fargeegenskap, klikk på fargeprøven og deretter på pipetten. Det fungerer, men det er godt gjemt, og den valgte verdien erstatter den egenskapen i sidens CSS i stedet for å havne på utklippstavlen.
Enkel fargevelger gir deg en pipette ett klikk eller én hurtigtast unna. Når du starter, tar den et øyeblikksbilde av den synlige delen av fanen og legger en firkantet lupe over, slik at du ser nøyaktig piksel, ikke et gjennomsnitt. Ett klikk kopierer koden, og popupen beholder den sammen med de 50 siste fargene dine i alle tre formatene.
Rull til den delen av siden du trenger før du starter: lupen leser fra øyeblikksbildet. Nettleserens egne sider, som ny fane, innstillinger og Chrome Web Store, er stengt for alle utvidelser.
Utvidelsen snakker aldri med en server. Ingen analyse, ingen telemetri.
Historikken og standardformatet ligger i utvidelsens lokale lagring.
Den aktive fanen, bare når du starter et valg, for å ta øyeblikksbildet; scripting for å vise lupen; lagring for historikk og format; skriving til utklippstavlen for å kopiere koden.
| DevTools-pipette mot Enkel fargevelger | DevTools-pipette | Enkel fargevelger |
|---|---|---|
| Slik starter du | Åpne DevTools, finn en farge i Stiler, klikk på fargeprøven og deretter på pipetten | Verktøylinjeknappen eller Alt+P |
| Resultatet havner i | CSS-egenskapen du åpnet; du kopierer selv | Utklippstavlen, med ett klikk |
| Fargeformater | HEX, RGB, HSL og flere | HEX, RGB og HSL |
| Farger du valgte tidligere | Lagres ikke | De 50 siste, klare til å kopieres på nytt |
| Pris | Innebygd i Chrome | Gratis |
Installer Enkel fargevelger, trykk Alt+P på siden, sikt lupen på fargen og klikk. HEX-koden, eller RGB eller HSL hvis du foretrekker det, kopieres til utklippstavlen.
På samme måte: start fargevelgeren og klikk på pikselen du vil ha i bildet. Lupen zoomer inn, så du kan velge én nøyaktig piksel.
Ja. Velg standardformat i popupen: HEX, RGB eller HSL. Popupen viser også alle tre for hver farge i historikken, hver med sin egen kopieringsknapp.
Åpne popupen: de 50 siste fargene dine ligger der som fargeprøver, de nyeste først. Klikk på en for å se og kopiere kodene, eller tøm historikken.
Klikk på tastesymbolet for hurtigtasten i popupen. Det åpner Chromes side for hurtigtaster, der du kan velge en annen tast.
Chrome stenger sine egne sider, som ny fane, innstillinger og Chrome Web Store, for alle utvidelser. Fargevelgeren leser også bare den synlige delen av fanen, så rull til fargen først.
Nei. Den velger bare fra den gjeldende nettleserfanen. Den konverterer heller ikke til CMYK eller Pantone og sjekker ikke kontrast.
Den er gratis og sender ingen nettverksforespørsler. Historikken og standardformatet ditt blir på enheten din.