Sendes noe til en server

Nei. Velgeren, gradientbyggeren og bildepipetten kjører i nettleseren din, og historikken ligger i din egen enhets lokale lagring.

Hvilke formater kan jeg kopiere

HEX, RGB og RGBA, HSL, HSV, CMYK, XYZ, LAB og LCH, pluss en ferdig CSS-erklæring for både ensfarget og gradienter.

Hvorfor dukker ikke skjermpipetten opp

Den bygger på nettleserens EyeDropper-API, som ikke finnes overalt. Mangler den, kan du laste opp et bilde og hente fargen derfra.

Hvordan velges de populære fargene

Ut fra observert bruk heller enn prognose: hvilke farger som velges, og hvor ofte, i løpet av et år.

Kan jeg bruke fargene kommersielt

Ja. En fargeverdi eies ikke av noen, så alt du kopierer her kan gå rett inn i arbeidet ditt.

Velg en farge, ta koden, og kom deg videre

Fargevelger, gradientbygger og bildepipette på én side. Ingen konto, ingen installasjon og ingen venting: velg en nyanse og kopier den som HEX, RGB, HSL eller HSV.

Åpne fargesiden

Fargekoder

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

Populære farger

Se alle populære farger

Hva som finnes her

Pipette

Hent farger fra et opplastet bilde, eller fra hva som helst på skjermen der nettleseren tillater det. Slipp en fil på siden og klikk på en piksel.

Formatkonvertering

Bytt umiddelbart mellom HEX, RGB, HSL, HSV, CMYK, XYZ, LAB og LCH, og kopier hvilken som helst verdi rett inn i CSS eller designverktøyet ditt.

Gradientbygger

Legg til og dra stopp langs linjen, bytt mellom lineær og radial, still inn vinkel og gjennomsiktighet, og kopier så ferdig CSS.

Fargehistorikk

Hver farge og gradient du lager blir i nettleseren din, så du kan komme tilbake til den eller bruke den om igjen i et annet prosjekt.

Harmonier og varianter

Hver fargeside viser lysere og mørkere toner og seks harmoniskjemaer, og gjør hvilket som helst av dem til en gradient med ett klikk.

Gratis og privat

Ingen betalingsmur og ingen sporing av hva du velger. Opplastede bilder leses i nettleseren og sendes ingen steder.

Hvem det er for

Designere og produktteam: Når du skisserer et grensesnitt eller en merkevarepalett, prøver kombinasjoner og kopierer nøyaktig CSS for en gradient.
Illustrasjon og maleri: For å hente farger fra fotografier og malerier med pipetten og planlegge myke overganger.
Frontend-utvikling: For å lage konsistente fargeverdier gjennom et prosjekt og lese dem av fra et eksisterende design.
Den som sjekker tilgjengelighet: For å sammenligne en farge på tvers av modeller og justere den til kontrastforholdet klarer grensen du trenger.

Slik bruker du den

1
Velg en farge
Klikk hvor som helst i metningsfeltet, og finjuster med glidebryterne for nyanse og alfa. HEX, RGB og HSV oppdateres underveis.
2
Hent fra et bilde
Dra et bilde inn på siden eller velg en fil, og klikk så på pikselen du vil ha. Kodene dukker opp med en gang.
3
Bygg en gradient
Klikk på linjen for å legge til et stopp, og dra det på plass. Bytt mellom lineær og radial, og still inn vinkelen.
4
Kopier og bruk om igjen
Kopier verdien eller hele CSS-erklæringen. Alt du velger lagres automatisk i historikken.

Vanlige spørsmål

Et lite verktøy som ikke er i veien

Det begynte som et internt hjelpemiddel: vi ville plukke en farge, justere den og gå videre, uten å først åpne et tungt designprogram. Det er bevisst én side, bevisst raskt, og det forblir gratis.

Nettleserutvidelser

Vil du heller hente farger rett fra sidene du besøker? Utvidelsene for Chrome og Edge legger en pipette i verktøylinjen, fører sin egen historikk og åpner dette verktøyet med ett klikk.

Åpne Chrome Nettmarked Åpne Microsoft Edge-tillegg