Color Picker

Velg farger og sett i gang — uten styr

Vi laget Color Picker i 2025 fordi vi var lei av tunge apper og altfor kompliserte fargeverktøy. Som front-end-utviklere og illustratører trengte vi en måte å fange en farge raskt, justere litt og gå videre. Det startet som et internt verktøy, ble kollegaenes favoritt, og vi finpusset det og lanserte det på nett for alle. Ingen konto, ingen læringskurve — åpne siden, velg en tone og kopier HEX-, RGB-, HSL- eller HSV-kodene.

Hvorfor folk liker fargevelgeren vår

Hvis du noen gang har sett på et design og lurt på «hvordan treffer jeg akkurat den tonen?», vil du sette pris på enkelheten i Color Picker. Vi har bevisst holdt grensesnittet minimalistisk:

• Ett klikk — så er fargen din — trykk hvor som helst i paletten og de nødvendige verdiene vises umiddelbart. Trenger du et utvalg fra et foto eller skjermbilde? Slipp filen på siden og bruk pipetten.
• Gradienter gjort enkelt — legg til og flytt stopp på linjen for å skape silkemyke overganger. Bytt lineær/radial, finjuster vinkel og dekning, og kopier CSS.
• Ingen grenser, ingen kostnad — Color Picker fungerer i alle moderne nettlesere på desktop, nettbrett og telefon. Ingenting å installere, ingen avgifter.
• Utvidelser når du trenger dem — våre valgfrie Chrome- og Edge-utvidelser bringer pipetten rett i nettleseren, slik at du kan sample fra enhver side og bevare historikken.

Hva det brukes til

Folk bruker Color Picker på mange måter:

• Designere og produktteam bruker det til å skissere grensesnitt eller merkevarepaletter. Å utforske kombinasjoner og kopiere CSS for gradienter går raskt.
• Illustratører og kunstnere bruker pipetten for inspirasjon fra bilder og malerier. Gradientverktøyet hjelper med å planlegge myk skyggelegging og fargeoverganger.
• Front-end-utviklere stoler på verktøyet for å lage konsistente fargeverdier på tvers av prosjekter. Utvidelsen gjør sampling fra eksisterende nettsteder enkelt.
• Alle som sjekker tilgjengelighet kan se farger i ulike modeller og justere dekning til kontrast­kravene er oppfylt.

Kom i gang

Ingen manual nødvendig — her er en kjapp oversikt:

• Velg en farge — klikk hvor som helst i paletten. HEX-, RGB- og HSV-verdier vises umiddelbart. Finjuster tone, metning, lysstyrke og dekning med glidebrytere.
• Ta prøve fra bilde — dra en bildefil inn på siden eller velg en fil. Klikk på ønsket piksel, så vises fargekodene.
• Lag en gradient — klikk på gradientlinjen for å legge til stopp og dra dem; bytt mellom lineær og radial. Juster vinkel og dekning til det blir perfekt.
• Kopier og bruk på nytt — fargene og gradientene dine lagres automatisk. Kopier kodene eller CSS og lim inn i prosjektet, eller del med teamet.