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-farvevælger

Én HEX-farvevælger, seks farvemodeller

Indtast en HEX-farvekode og se de tilsvarende værdier i RGB, HSL, HSV, HWB og OKLCH med det samme. Flyt en skyderen og alle seks repræsentationer synkroniserer i realtid. HEX-koden og URL-hashen synkroniserer sammen, så enhver farve kan bogsættes eller deles på sekunder.

HEX til RGB i realtid

Indtast en HEX-farve som #3b82f6 og RGB-værdierne opdateres øjeblikkeligt. HEX-finderen accepterer også trecifrede forkortede koder.

HEX-kodefinder med URL-deling

Hver gang du justerer en farve opdateres URL-hashen automatisk, og gør denne HEX-kodefinder til et delbart bogmærke. Send linket til teammedlemmer og de ser nøjagtigt den samme farve.

Seks farvemodeller synkroniseret

HEX, RGB, HSL, HSV, HWB og OKLCH opdateres alle sammen. At skifte model mister aldrig farven — perfekt til designtokens og CSS-variabler.

HEX-farvevælgergrænseflade der viser skydere til HSL-, RGB- og OKLCH-farvemodeller

Farvekodefinners

Find enhver farvekode — HEX, RGB, HSL, OKLCH

Denne farvekodefinners dækker alle standarder, der bruges i webdesign, appdevelopment og digital trykning. HEX er standardformatet til CSS og HTML. RGB er skærmenes oprindelige format. HSL er det menneskeligt læsbare format til designere. OKLCH er det næste perseptuelle format i CSS Color Level 4. Alle fire tilgængelige simultant — kopier det der passer din workflow.

Farvekodefinners med HEX-, RGB-, HSL- og OKLCH-værdier for et klart blåt
HTML-farvevælger med CSS-klar HEX- og RGB-farvekodeværdier

HTML-farvevælger

HTML-farvevælger til CSS og webdesign

Uanset om du skriver inline-stile, definerer designtokens eller vedligeholder et bibliotek med CSS-variabler, leverer denne HTML-farvevælger den præcise kode, du har brug for. Juster visuelt farvetone, mætning og lyshed, og kopiér derefter HEX-farvekoden eller CSS rgb()-værdien direkte til dit stylesheet.

  • Generer øjeblikkeligt gyldige CSS-værdier: hex, rgb(), hsl(), hwb() og oklch().
  • URL-hash-synkronisering giver mulighed for at gemme og dele enhver farve som et browserbogmærke.
  • En gamutindikator markerer farver, der kun findes i Display-P3 og er uden for sRGB.
  • Fungerer offline — ingen API-kald, ingen serverafhængighed.

RGB-farvevælger

RGB-farvevælger med præcisionsskydere

RGB-farvevælger med tre uafhængige kanalskydere til rød, grøn og blå

Dedikerede RGB-kanaler

Tre uafhængige R-, G- og B-skydere til at blande farver kanal for kanal. RGB-vælgeren viser decimalværdier og HEX-koder i realtid under trækning.

RGB-vælger med live konvertering mellem RGB-kanalværdier og HEX-farvekode

RGB til HEX og omvendt

Indsæt en kendt HEX-kode for straks at se RGB-dekompositionen, eller juster RGB-vælgerens skydere for at finde HEX-koden til en tilpasset nuance. Ingen separat konverter nødvendig.

RGB-farvevælger med side-om-side sammenligning af sRGB- og Display-P3-gamutfarveprøver

RGB-farvevælger med bred gamut-understøttelse

Skift mellem sRGB- og Display-P3-farverum for at se, om den valgte farve kan gengives på skærme med bred gamut. Begge farveprøver opdateres side om side.

Hyppige spørgsmål

Spørgsmål om HEX-farvevælgeren