Konverter en farge mellom HEX, RGB, HSL, HSV og CMYK med levende toveis synkronisering, i nettleseren din.
Hver farge på en skjerm er den samme fysiske tingen — en mengde rødt, grønt og blått lys — men designere, utviklere og trykkerier beskriver den på ulike språk. HEX er kompakt og universell i CSS; RGB er de rå kanaldataene; HSL og HSV beskriver en farge slik et menneske tenker om den, som en fargetone pluss hvor sterk og hvor lys den er; CMYK beskriver de fire trykkfargene en presse legger på papiret. Denne konvertereren holder én farge i minnet og viser den på alle fem språkene samtidig.
Internt normaliseres alle inndata først til RGB. HEX-tolkningen utvider kortformen med tre tegn (#fff blir #ffffff) og ignorerer et alfapar hvis du limer inn et. HSL og HSV bruker standard kroma-modell: kroma kommer av metningen kombinert med lyshet eller verdi, en sekundærkomponent kommer av fargetonens plass innenfor sin 60°-sektor, og et konstant tillegg løfter resultatet til riktig lysstyrke. CMYK bruker den klassiske skjermkonverteringen, der svart er én minus den største kanalen og hver trykkfarge er den gjenstående avstanden til det svarte. Tolkeren er bevisst romslig — komma, mellomrom, skråstreker og prosenttegn er alle valgfrie, så rgb(255 0 0), 255,0,0 og #f00 lander på nøyaktig samme farge.
Typiske bruksområder: å gjøre en merkevare-HEX om til den HSL-en en CSS-variabel vil ha, å lese av den RGB-en et designverktøy ber om, eller å få en omtrentlig CMYK å gi videre til et trykkeri. Det siste fortjener en advarsel. CMYK på skjerm er alltid en tilnærming: ekte trykk avhenger av pressens ICC-profil, fargesettet og papiret, og sterke skjermfarger — særlig klare blå- og grønnfarger — har ingen eksakt motpart i trykkfarge. Se på CMYK-en her som et utgangspunkt, ikke som en korrektur. Ingenting av det du skriver inn lastes opp: hele konverteringen kjører i JavaScript på enheten din.
HEX er den heksadesimale skrivemåten for de tre RGB-byteene. HSL → RGB: kroma C = (1 − |2L − 1|) × S, sekundær X = C × (1 − |(H/60) mod 2 − 1|), tillegg m = L − C/2; trippelen (C, X, 0) roteres etter fargetonens 60°-sektor og m legges til alle tre kanalene. HSV → RGB bruker C = V × S og m = V − C. RGB → CMYK: K = 1 − maks(R, G, B) og hver trykkfarge = (1 − kanal − K) / (1 − K).
HEX med eller uten # (#fff, #ffffff, 3498db), rgb() og rgba(), hsl() og hsla(), hsv() eller hsb(), cmyk(), og rundt tretti vanlige CSS-fargenavn som red, teal eller crimson. Skilletegnene er fleksible: komma, mellomrom og skråstreker fungerer alle.
Nei — se på det som en tilnærming. Konverteringen her er standard skjermformel og ignorerer fargeprofiler, mens en ekte presse bruker en ICC-profil som avhenger av trykkfargen, papiret og maskinen. Spør trykkeriet ditt hvilken profil de bruker før du låser en verdi.
Begge tar utgangspunkt i den samme fargetonevinkelen, men beskriver lysstyrken ulikt. I HSL er 50 % lyshet den rene fargen og 100 % alltid hvitt; i HSV er 100 % verdi den rene fargen, og du når hvitt bare ved å senke metningen. Designverktøy viser gjerne HSV, mens CSS bruker HSL.
Det leser alfakanalen og forkaster den. Hvis du limer inn en HEX med åtte tegn eller en rgba()-verdi, konverteres bare den ugjennomsiktige fargen — gjennomsiktigheten føres ikke videre til de andre formatene.
Nei. Hver konvertering kjører i JavaScript på enheten din. Ingenting sendes til en server, logges eller lagres.
Vai.la gjør enhver URL om til en kortlenke med klikkstatistikk, QR Code og din egen biolink.
Vai.la er ikke ansvarlig for hvordan verktøyene brukes, eller for beslutninger tatt på grunnlag av resultatene.