CSS
Front-end-arbejde
Hent præcise værdier fra et live site til CSS, SCSS eller en Tailwind-konfiguration uden at åbne DevTools.
Gratis farvevælger til Chrome
Simpel farvevælger er en gratis pipette til Chrome. Tryk på knappen eller Alt+P, ret zoomluppen mod en pixel og klik: koden i HEX, RGB eller HSL ligger allerede i udklipsholderen. Dine sidste 50 farver venter i pop-up'en.
453 brugere i Chrome Web Store
Virker også i Edge, Brave, Opera og andre Chromium-browsere.

Klik på ikonet på værktøjslinjen og tryk på Vælg en farve, eller tryk på Alt+P på en vilkårlig side.
En firkantet lup zoomer ind omkring markøren og indrammer den præcise pixel. En etiket under den viser HEX, RGB og HSL live.
Koden kopieres i dit standardformat, og en kort besked bekræfter det. Indsæt den i CSS, Figma eller en besked.
CSS
Hent præcise værdier fra et live site til CSS, SCSS eller en Tailwind-konfiguration uden at åbne DevTools.
HEX
Tag en palet fra en grænseflade, et mockup eller en reference, og tjek, at en side bruger den rigtige brandfarve.
HSL
Brug HSL til at justere lysstyrke og mætning i hånden, eller RGB til kode, der vil have tal.
Luppen forstørrer 11 × 11 pixel omkring markøren, og et sigtekorn indrammer den, du henter. Ram en kant på én pixel eller ét enkelt trin i en gradient.
HEX som #2A6FDB, RGB som rgb(42, 111, 219), HSL som hsl(217, 71%, 51%). Vælg standardformatet én gang i pop-up'en.
Hvert valg kommer forrest i et gitter med dine sidste 50 farver, uden dubletter. Klik på en farveprøve for at se og kopiere alle tre koder.
Start valget uden at åbne pop-up'en. Tasten i pop-up'en åbner Chromes genvejsindstillinger, hvis du vil bruge en anden tast.
Alt kører i din browser. Ingen konto, ingen analyse, ingen telemetri.
Pop-up'en og luppen følger systemets tema i neutrale grå toner, der ikke farver de farver, du vurderer.
Chromes egen pipette ligger i DevTools: åbn panelet Typografier, find en farveegenskab, klik på dens farveprøve og derefter på pipetten. Det virker, men det er godt gemt væk, og den valgte værdi erstatter egenskaben i sidens CSS i stedet for at havne i udklipsholderen.
Simpel farvevælger gør pipetten tilgængelig med ét klik eller én genvej. Når du starter, tager den et øjebliksbillede af den synlige del af fanen og åbner en firkantet lup over det, så du ser den præcise pixel, ikke et gennemsnit. Ét klik kopierer koden, og pop-up'en gemmer den blandt dine sidste 50 farver i alle tre formater.
Scroll til den del af siden, du skal bruge, før du starter: luppen læser fra øjebliksbilledet. Browsersider som Ny fane, indstillinger og Chrome Web Store er lukket for alle udvidelser.
Udvidelsen kontakter aldrig en server. Ingen analyse, ingen telemetri.
Din historik og dit standardformat ligger i udvidelsens lokale lager.
Den aktive fane, kun når du starter et valg, til at tage øjebliksbilledet; scripting til at vise luppen; lager til historik og format; skrivning til udklipsholderen til at kopiere koden.
| DevTools-pipette eller Simpel farvevælger | DevTools-pipette | Simpel farvevælger |
|---|---|---|
| Sådan starter du | Åbn DevTools, find en farve i Typografier, klik på dens farveprøve og derefter på pipetten | Knap på værktøjslinjen eller Alt+P |
| Resultatet havner i | Den CSS-egenskab, du åbnede; du kopierer selv | Udklipsholderen, ved klik |
| Farveformater | HEX, RGB, HSL og flere | HEX, RGB og HSL |
| Tidligere valgte farver | Gemmes ikke | Dine sidste 50, klar til at blive kopieret igen |
| Pris | Indbygget i Chrome | Gratis |
Installer Simpel farvevælger, tryk på Alt+P på siden, ret luppen mod farven og klik. HEX-koden, eller RGB eller HSL hvis du foretrækker det, kopieres til udklipsholderen.
På samme måde: start farvevælgeren og klik på den pixel, du vil have, i billedet. Luppen zoomer ind, så du kan tage præcis én pixel.
Ja. Vælg standardformatet i pop-up'en: HEX, RGB eller HSL. Pop-up'en viser også alle tre for en farve i din historik, hver med sin egen kopiknap.
Åbn pop-up'en: dine sidste 50 farver ligger der som farveprøver, de nyeste først. Klik på en for at se og kopiere dens koder, eller ryd historikken.
Klik på tasten i pop-up'en. Den åbner Chromes side med tastaturgenveje, hvor du kan vælge en anden tast.
Chrome lukker sine egne sider, som Ny fane, indstillinger og Chrome Web Store, for alle udvidelser. Farvevælgeren læser også kun den synlige del af fanen, så scroll til farven først.
Nej. Den vælger kun fra den aktuelle browserfane. Den konverterer heller ikke til CMYK eller Pantone og tjekker ikke kontrast.
Den er gratis og laver ingen netværksanmodninger. Din historik og dit standardformat bliver på din enhed.