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

Herhangi bir rengi HEX, RGB, HSL, HSV, OKLCH ve CMYK arasında dönüştürün

Dosyalar cihazınızdan çıkmaz
Tarayıcıda çalışır
Ücretsiz, kayıt yok, filigran yok

#FF8000oklch(73.19% 0.1858 52.98)

Paste or type any color

Open color picker

Opacity: 100%

Nearest CSS name

darkorangeΔE 3.9

Formats

Modern CSS syntax

HEX

RGB

HSL

HSV / HSB

HWB

OKLCH

OKLab

CIE Lab

CIE LCH

CMYK

Display P3

Lab and LCH use the D50 white point, the same as CSS lab() and lch(). CMYK here is a plain formula without an ICC profile. Ask your printer for exact values.

Tints & shades

Click a swatch to copy its HEX. Mixed with white and black in OKLab, so steps look even.

Renk Dönüştürücü nasıl kullanılır

Bir rengi HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK ve Display P3 arasında dönüştürün. Herhangi bir biçimi düzenleyin, diğerleri onu izler; en yakın CSS renk adı ile bir ton ve gölge şeridi de vardır.

1
Herhangi bir rengi yapıştır veya yaz alanına bir renk yazın veya yapıştırın; örneğin #ff8000, rgb(255 128 0), oklch(70% 0.19 50) veya tomato.
2
Ya da bir örnekten başlamak için Renk seçiciyi aç, Ekrandan seç veya Rastgele renk kullanın.
3
Biçimler altındaki değerleri okuyun veya düzenleyin; herhangi bir kutuyu değiştirmek diğerlerinin tümünü günceller.
4
Saydamlık için Opaklık kaydırıcısını ayarlayın ve rgb(255 128 0 / 50%) gibi boşlukla ayrılmış değerler için Modern CSS sözdizimi'ni açın.
5
Bir biçimin yanındaki kopyala simgesine tıklayın veya HEX değerini kopyalamak için Tonlar ve gölgeler altındaki bir örneğe tıklayın.

Sık sorulan sorular

Renk neden sRGB dışında diyor?

OKLCH, Lab ve Display P3 çoğu ekranın gösteremeyeceği renkleri tanımlayabilir. HEX, RGB, HSL ve diğer sRGB biçimleri o zaman en yakın gösterilebilir rengi gösterir; açıklık ve ton CSS yöntemiyle korunacak şekilde eşlenir ve not, naif kırpmanın bunun yerine ne vereceğini söyler.

CMYK değerleri baskı için doğru mu?

Hayır. Buradaki CMYK, ICC profili olmayan düz bir formüldür. Baskı makinesi ve kâğıtları için kesin değerleri matbaanızdan isteyin.

Lab ve LCH hangi beyaz noktasını kullanır?

D50; CSS lab() ve lch() ile aynıdır, bu yüzden değerler doğrudan bir stil sayfasına yapıştırılabilir.

Ekrandan seç düğmesini neden görmüyorum?

Tarayıcının EyeDropper API'sini kullanır; Chrome ve Edge gibi Chromium tabanlı tarayıcılar bunu sağlar. Kullanılamadığında düğme gizlenir; bunun yerine renk seçiciyi kullanın veya bir değer yapıştırın.

Bir şey kaydeder mi?

Son renk ve Modern CSS sözdizimi ayarı, bir sonraki sefere orada olsun diye tarayıcınızın yerel deposunda tutulur. Bir sunucuya hiçbir şey gönderilmez.