» Fargekonverter


Fargekonverter for HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ og CSS-fargenavn. Konverter fargekoder direkte, kopier verdier som er klare til bruk, og kontroller nøyaktig CSS-utdata på ett sted.

Use this color converter to switch instantly between HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ, and CSS color names. Enter any supported format, adjust values with sliders, and copy the converted result you need for CSS, design systems, print workflows, or color analysis.

The converter updates all outputs live, shows the selected color clearly, and supports reverse calculations from every input mode. That makes it useful for tasks like HEX to RGB, RGB to HEX, checking HSL or CMYK values, or comparing modern perceptual formats such as OKLCH and OKLAB.

Velg et hvilket som helst format, skriv inn verdier, og alle tilsvarende fargekoder oppdateres umiddelbart.

Inndataformat
Velg formatet du vil redigere direkte.
Støtter #RGB, #RGBA, #RRGGBB og #RRGGBBAA.
Eksempler: tomato, rebeccapurple, royalblue, lightseagreen.
Skriv inn verdier for rød, grønn og blå fra 0 til 255.
Bruk en alfaverdi fra 0 til 1 for gjennomsiktighet.
Juster fargetone, metning og lyshet for CSS-vennlig redigering.
HSLA legger til alfagjennomsiktighet i HSL.
HSV er nyttig hvis du vil tenke i fargetone, metning og lysstyrke.
CMYK brukes hovedsakelig for fargeverdier til trykk.
LAB er perceptuelt og kan gi farger utenfor skjermens gamut.
LCH skiller lyshet, kroma og fargetone for perceptuell redigering.
OKLAB er et moderne perceptuelt fargerom for grensesnitt og paletter.
OKLCH gjør perceptuelle justeringer av fargetone og kroma enklere.
XYZ er et referansefargerom som ofte brukes ved konverteringer.
Fig. 1 Fargekonverter
HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Fargemodus lar deg justere fargetone, metning og lyshet.
Konverterte fargeverdier
Mest brukte formater
Flere formater

Color Converter FAQs

What is a color converter?
A color converter takes one color format, such as #3366cc or rgb(51, 102, 204), and calculates matching values in other formats like HSL, CMYK, LAB, or OKLCH.

How do I convert HEX to RGB?
Choose the HEX input mode, enter a valid hex code such as #ff6600, and the converter will show the matching RGB, HSL, CMYK, and other values automatically.

How do I convert RGB to HEX?
Choose the RGB mode, enter the red, green, and blue channel values, and copy the generated HEX result. This is the standard RGB to HEX workflow for web colors.

What is HSL?
HSL stands for hue, saturation, and lightness. It describes a color by its angle on the color wheel plus how vivid and how light or dark it appears, which is often easier to adjust by eye than raw RGB values.

What is CMYK used for?
CMYK is mainly used in print workflows because it expresses a color as cyan, magenta, yellow, and key (black) ink coverage. It is useful when preparing artwork for printers, packaging, or press production.

What is OKLCH?
OKLCH is a perceptual color format derived from OKLAB. It separates lightness, chroma, and hue in a way that is often more uniform to human vision, which makes it useful for modern UI palettes and design systems.

Are conversions exact?
Conversions inside the same color space can be exact or very close, but some formats use different models or reference spaces. Values like CMYK, LAB, LCH, and OKLCH may involve rounding or gamut clipping when converted back to display-safe sRGB.

Can I use the results in CSS?
Yes. The generated HEX, RGB, RGBA, HSL, HSLA, and exact CSS color-name outputs are ready to paste into CSS custom properties, inline styles, and design tokens.