Color Picker

Vælg farver og arbejd uden bøvl

Vi byggede Color Picker i 2025, fordi vi var trætte af tunge apps og komplicerede farveværktøjer. Som front-end-udviklere og illustratorer havde vi brug for noget, der lod os fange en farve, finpudse den og komme videre. Det, der startede som et internt værktøj, blev hurtigt populært blandt kolleger, så vi polerede det og lagde det på nettet til alle. Ingen konti, ingen indlæringskurve – åbn siden, vælg en nuance, og kopiér HEX-, RGB-, HSL- eller HSV-koderne.

Hvorfor kan folk lide vores farvevælger?

Har du stirret på et design og spekuleret på, hvordan du rammer den helt rigtige nuance? Så vil du sætte pris på, hvor enkel Color Picker er. Vi har med vilje holdt grænsefladen minimal:

• Klik – og du har farven – tryk hvor som helst i paletten, så giver værktøjet straks de værdier, du har brug for. Vil du sample fra et foto eller et screenshot? Slip det på siden og brug pipetten.
• Gradients gjort let – skab silkebløde overgange ved at tilføje og flytte stop på bjælken. Skift mellem lineær og radial, justér vinkel og gennemsigtighed, og kopiér CSS’en.
• Ingen begrænsninger, ingen pris – Color Picker kører i enhver moderne browser på desktop, tablet eller telefon. Intet at installere og ingen omkostninger.
• Udvidelser, når du behøver dem – vores valgfrie Chrome- og Edge-udvidelser bringer pipetten direkte ind i browseren, så du kan sample farver fra enhver side og have historikken med dig.

Hvad det er godt til

Folk bruger Color Picker på mange måder:

• Designere og produktteams rækker ud efter det, når de skitserer interfaces eller brandpaletter. Det er hurtigt at udforske kombinationer og kopiere den CSS, der skal bruges til gradients.
• Illustratorer og kunstnere bruger pipetten til at hente inspiration fra fotos og malerier. Gradientværktøjet hjælper med at planlægge blød skygge og farveovergange.
• Front-end-udviklere stoler på det til at generere konsistente farveværdier på tværs af projekter. Udvidelsen gør det let at sample farver fra eksisterende sider.
• Alle der tjekker tilgængelighed kan se farver i forskellige modeller og justere gennemsigtigheden, indtil retningslinjer for kontrast er opfyldt.

Kom godt i gang

Du behøver ingen manual – her er en hurtig gennemgang:

• Vælg din farve – klik et vilkårligt sted i paletten. Du ser straks HEX-, RGB- og HSV-værdierne. Brug skyderne til at finjustere nuance, mætning, lysstyrke og gennemsigtighed.
• Prøv fra et billede – træk en billedfil ind på siden eller vælg en. Klik på den ønskede pixel, så vises farvekoderne.
• Byg en gradient – klik på gradientbjælken for at tilføje stop og træk dem rundt; skift mellem lineær og radial stil. Justér vinkel og gennemsigtighed, til resultatet er rigtigt.
• Kopiér og genbrug – dine farver og gradients gemmes automatisk. Kopiér koder eller CSS og indsæt dem i dit projekt, eller del med teamet.