Utilia

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

  1. 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 som tomato.
  2. Konverteringene vises mens du skriver. Du kan også trykke Enter eller klikke på Konverter.
  3. Se på fargeprøven: den viser fargen og Gjenkjent format, slik at du vet hvordan inndataene ble lest.
  4. 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.