İçeriğe geç
Toova
Tüm Araçlar

Renk Dönüştürücü (HEX, RGB, HSL, OKLCH)

Tasarımdan gizli — tamamen tarayıcınızda çalışır

Renkleri HEX, RGB, HSL, OKLCH ve adlandırılmış değerler arasında tarayıcınızda dönüştürün. Toova, canlı bir önizleme gösterir, kaydırıcılarla kanalları ayarlamanızı sağlar ve CSS, tasarım araçları veya üretim koduna yapıştırmaya hazır her biçimdeki tam çıktıyı sunar.

Bu kadar çok renk biçimi neden var

HEX (#ff6600) CSS'de en yaygın olanıdır ve yazmak kolaydır. RGB (rgb 255 102 0) her görüntü biçiminin kullandığı şeydir. HSL (hsl 24 100% 50%), ton, doygunluk ve parlaklık insanların renk hakkında düşünme şekillerine eşlendiğinden gölge seçmek için daha sezgiseldir. OKLCH, algısal tekdüzeliği düzelten modern biçimdir — eşit sayısal adımlar, eşit görsel adımlar gibi görünür. Toova hepsi arasında kayıpsız dönüşüm yapar.

Canlı önizleme ve kanal kaydırıcıları

Herhangi bir biçimde bir renk yapıştırın; Toova canlı bir renk örneği ve diğer her biçime tam dönüşümü gösterir. Herhangi bir kanal kaydırıcısını sürükleyin — ton, doygunluk, parlaklık, kırmızı, yeşil, mavi, alfa — ve önizleme gerçek zamanlı olarak güncellenir. Bu, tarayıcı sekmesini terk etmeden temel bir rengi bir gölgeye ayarlamayı, kontrastı düzeltmeyi veya bir vurgulama durumu oluşturmayı kolaylaştırır.

Yalnızca yerel

Renk dönüşümü tamamen tarayıcınızda gerçekleşir. Yapıştırdığınız değerler sayfayı terk etmez. Renk kodları için bu aşırıya kaçmaktır, ancak aracı hızlı ve güvenilir kılar — arka uç gidiş-dönüş, hız sınırı, kesinti yok. Sayfa ilk yüklemeden sonra çevrimdışı çalışır.

Sıkça Sorulan Sorular

HEX yerine OKLCH'yi ne zaman kullanmalıyım?
OKLCH algısal olarak tekdüzedir; bu, eşit sayısal adımların eşit görsel adımlar gibi göründüğü anlamına gelir. Bu, bir renk paleti oluştururken, erişilebilir kontrast hesaplarken veya herhangi bir algoritmik renk manipülasyonu yaparken doğru seçimdir. Statik tasarım token'ları için HEX hâlâ uygundur.
Tüm dönüşümler kayıpsız mı?
HEX, RGB ve 8 bit renk biçimleri arasındaki dönüşüm kayıpsızdır. HSL veya OKLCH içeren dönüşümler son basamakta küçük kayan nokta yuvarlama hatası getirebilir, ancak sonuç görsel olarak özdeştir.
Şeffaflığı destekliyor mu?
Evet. Alfa desteğine sahip her biçim (sekiz basamaklı HEX, RGBA, HSLA, alfa içeren OKLCH) doğru şekilde işlenir. Dönüşümler alfa kanalını tam olarak korur.
Bir görüntüden renk seçebilir miyim?
Doğrudan burada değil. Bir görüntüden palet çıkarmak için Renk Paleti Çıkarıcı aracını kullanın. Bu dönüştürücü, bilinen bir renk değerini biçimler arasında dönüştürmeye odaklanır.
Herhangi bir şey sunucuya gönderiliyor mu?
Hayır. Dönüşüm tamamen tarayıcınızda çalışır. Ağ sekmesi kullanım sırasında boş kalır.