Fargekonverter
Konverter farger mellom HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH og OKLCH. Lim inn en kode, se fargen og kopier alle formatene med ett klikk.
Eksempler:
Konverteringer
CMYK er en enkel omregning uten ICC-profil. Be trykkeriet om en profilbasert konvertering til trykksaker.
Slik bruker du fargekonverteren
- Skriv eller lim inn en farge i feltet Inndata. Formatet gjenkjennes automatisk:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)eller et navn somtomato. - Konverteringene vises mens du skriver. Du kan også trykke Enter eller klikke på Konverter.
- Se på fargeprøven: den viser fargen og Gjenkjent format, slik at du vet hvordan inndataene ble lest.
- Klikk på Kopier ved siden av formatet du trenger. Bruk eksempelknappene for å prøve vanlige inndata.
Konverteringen skjer helt og holdent i nettleseren din. Ingenting du skriver inn, sendes til en server.
Formater som støttes
| Format | Eksempel | Typisk bruk |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, designverktøy |
| RGB | rgb(255, 99, 71) |
CSS, kode, bilderedigering |
| HSL | hsl(9, 100%, 64%) |
CSS, justering av lysstyrke |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, fargevelgere |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
trykk (se merknaden under) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), fargevitenskap |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
moderne CSS, designsystemer |
Resultatene i HEX, RGB, HSL, HWB, LAB, LCH og OKLCH er gyldig CSS som du kan lime rett inn i et stilark. HSV og CMYK er ikke CSS-notasjoner, så de skrives i den vanlige funksjonsstilen for lesing.
Hvis inndataene har gjennomsiktighet (for eksempel rgb(255 0 0 / 50%)), beholder konverteren den: HEX blir en åttesifret kode som #FF000080, og de andre formatene får en alfaverdi.
Slik fungerer konverteringene
RGB, HEX, HSL, HSV og HWB er ulike måter å skrive de samme sRGB-verdiene på, så de konverteres nøyaktig (bortsett fra avrunding). LAB og LCH følger definisjonen i CSS Color 4, som bruker hvitpunktet D50 med kromatisk tilpasning etter Bradford. Noen nettbaserte konverterne bruker D65 i stedet, så LAB-tallene deres kan avvike med noen få enheter for samme farge. OKLCH bruker Björn Ottossons Oklab-modell, den samme som nettleserne bruker for oklch().
Når du skriver inn en LAB-, LCH- eller OKLCH-farge som er for mettet for en vanlig skjerm, ligger den utenfor sRGB-området og har ingen HEX-ekvivalent. Verktøyet viser da en melding og tilordner den nærmeste farge som kan vises, ved å redusere kromaen og beholde lysstyrke og fargetone.
CMYK er en tilnærming
CMYK-verdiene bruker den enkle formelen K = 1 − max(R, G, B) og C = (1 − R − K) / (1 − K), og det samme for M og Y. Det brukes ingen ICC-profil, så tallene sier ikke hva en bestemt trykkpresse faktisk vil trykke. Til profesjonelt trykk konverterer du i layoutprogrammet ditt med profilen du får fra trykkeriet (for eksempel FOGRA39 eller GRACoL). Når CMYK konverteres tilbake til RGB, brukes den omvendte formelen R = (1 − C)(1 − K).
Ofte stilte spørsmål
Hvordan konverterer jeg HEX til RGB for hånd?
Del koden i tre par og konverter hvert par fra base 16 til base 10. For #FF6347: FF = 255, 63 = 99, 47 = 71, så fargen er rgb(255, 99, 71).
Hva er forskjellen på HSL og HSV?
Begge bruker en fargetonevinkel og en metning, men den tredje verdien i HSL er lyshet (50 % er ren farge, 100 % er hvitt), mens den i HSV er verdi eller lysstyrke (100 % er ren farge eller hvitt, avhengig av metningen). Den samme fargen får derfor ulike metningstall i hver modell.
Hvorfor er LAB-verdien min annerledes enn i en annen konverter?
Mest sannsynlig på grunn av hvitpunktet. Dette verktøyet bruker D50, som CSS lab(). Konverterne som bygger på D65, gir litt andre tall. Begge er riktige ut fra hver sin referanse.
Kan jeg konvertere CMYK til HEX?
Ja. Skriv noe som cmyk(0%, 61%, 72%, 0%) eller cmyk(0, 0.61, 0.72, 0). Husk at resultatet er en tilnærming uten fargeprofil.
Godtar verktøyet farger uten #-tegnet?
Ja. ff6347, f64 og til og med tre tall atskilt med komma, som 255, 99, 71, gjenkjennes.
Relaterte verktøy
- Fargevelger Gratis fargevelger på nett. Velg en farge og kopier HEX-, RGB-, HSL-, HSV- og CMYK-kodene med én gang, med kontrastforhold mot hvitt og svart.
- Fargepalettegenerator Lag fargepaletter fra én grunnfarge med fargeharmonier: komplementær, analog, triadisk, tetradisk, kvadrat og monokromatisk. Eksporter som CSS, SCSS og JSON.
- Fargevelger fra bilde Last inn et bilde og klikk på en piksel for å få fargen som HEX, RGB, HSL, HSV og CMYK. Forstørrelsesglass, gjennomsnitt og liste over valgte farger.