» Renk Dönüştürücü


HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ ve CSS renk adları için renk dönüştürücü. Renk kodlarını canlı dönüştürün, hazır değerleri kopyalayın ve tam CSS çıktısını tek yerde kontrol edin.

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.

İstediğiniz bir biçimi seçin, değerleri girin ve eşleşen tüm renk kodları anında güncellensin.

Giriş biçimi
Doğrudan düzenlemek istediğiniz biçimi seçin.
#RGB, #RGBA, #RRGGBB ve #RRGGBBAA desteklenir.
Örnekler: tomato, rebeccapurple, royalblue, lightseagreen.
Kırmızı, yeşil ve mavi değerlerini 0 ile 255 arasında girin.
Saydamlık için 0 ile 1 arasında alfa değeri kullanın.
CSS dostu düzenleme için ton, doygunluk ve açıklığı ayarlayın.
HSLA, HSL'ye alfa saydamlığı ekler.
Ton, doygunluk ve parlaklık üzerinden düşünmeyi tercih ediyorsanız HSV kullanışlıdır.
CMYK çoğunlukla baskı odaklı renk değerleri için kullanılır.
LAB algısaldır ve ekran gamutunun dışındaki renkleri üretebilir.
LCH, algısal düzenleme için açıklık, kroma ve tonu ayırır.
OKLAB arayüzler ve paletler için modern bir algısal renk uzayıdır.
OKLCH algısal ton ve kroma ayarlarını kolaylaştırır.
XYZ, dönüşümlerde sık kullanılan bir referans renk uzayıdır.
Şekil 1. Renk dönüştürücü
HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Renk modunda ton, doygunluk ve açıklığı ayarlayabilirsiniz.
Dönüştürülmüş renk değerleri
En çok kullanılan biçimler
Diğer biçimler

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.