Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

HEX-fargevelger

Én HEX-fargevelger, seks fargemodeller

Skriv inn en HEX-fargekode og se tilsvarende verdier i RGB, HSL, HSV, HWB og OKLCH umiddelbart. Flytt en glider og alle seks representasjoner synkroniseres i sanntid. HEX-koden og URL-hashen synkroniseres sammen, slik at enhver farge kan bokmerkes eller deles på sekunder.

HEX til RGB i sanntid

Skriv inn en HEX-farge som #3b82f6 og RGB-verdiene oppdateres umiddelbart. HEX-findersen godtar også trebokstavs forkortede koder.

HEX-kodefiinner med URL-deling

Hver gang du justerer en farge oppdateres URL-hashen automatisk, og gjør denne HEX-kodeinnderen til et delbart bokmerke. Send lenken til teammedlemmer og de ser nøyaktig samme farge.

Seks fargemodeller synkronisert

HEX, RGB, HSL, HSV, HWB og OKLCH oppdateres alle sammen. Å bytte modell mister aldri fargen — perfekt for designtokens og CSS-variabler.

HEX-fargevelgergrensesnitt som viser glidere for HSL-, RGB- og OKLCH-fargemodeller

Fargekodefinners

Finn enhver fargekode — HEX, RGB, HSL, OKLCH

Denne fargekodefinners dekker alle standarder som brukes i webdesign, apputvikling og digital trykk. HEX er standardformatet for CSS og HTML. RGB er skjermenes opprinnelige format. HSL er det menneskelig lesbare formatet for designere. OKLCH er det neste perseptuelle formatet i CSS Color Level 4. Alle fire tilgjengelig samtidig — kopier det som passer din arbeidsflyt.

Fargekodefinners med HEX-, RGB-, HSL- og OKLCH-verdier for et klart blått
HTML-fargevelger med CSS-klare HEX- og RGB-fargekoder verdier

HTML-fargevelger

HTML-fargevelger for CSS og webdesign

Enten du skriver inline-stiler, definerer designtokens eller vedlikeholder et bibliotek med CSS-variabler, gir denne HTML-fargevelgeren den eksakte koden du trenger. Juster fargetone, metning og lyshet visuelt, og kopier deretter HEX-fargekoden eller CSS rgb()-verdien direkte til stilarket ditt.

  • Generer umiddelbart gyldige CSS-verdier: hex, rgb(), hsl(), hwb() og oklch().
  • URL-hash-synkronisering gjør at enhver farge kan lagres og deles som et nettleserbokmerke.
  • En gamutindikator markerer farger som kun finnes i Display-P3 og er utenfor sRGB.
  • Fungerer frakoblet — ingen API-kall, ingen serveravhengighet.

RGB-fargevelger

RGB-fargevelger med presisjonsglidere

RGB-fargevelger med tre uavhengige kanalglidere for rødt, grønt og blått

Dedikerte RGB-kanaler

Tre uavhengige R-, G- og B-glidere for å blande farger kanal for kanal. RGB-velgeren viser desimalverdier og HEX-koder i sanntid mens du drar.

RGB-velger med live konvertering mellom RGB-kanelverdier og HEX-fargekode

RGB til HEX og tilbake

Lim inn en kjent HEX-kode for å se RGB-dekomposisjonen umiddelbart, eller juster RGB-velgerens glidere for å finne HEX-koden for en egendefinert nyanse. Ingen separat konverter nødvendig.

RGB-fargevelger med side-om-side sammenligning av sRGB- og Display-P3-gamutfargeprøver

RGB-fargevelger med bred gamut-støtte

Bytt mellom sRGB- og Display-P3-gamuter for å se om den valgte fargen kan reproduseres på skjermer med bred gamut. Begge fargeprøvene oppdateres side om side.

Vanlige spørsmål

Spørsmål om HEX-fargevelgeren