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

Bir rengi HEX, RGB, HSL, HSV ve CMYK arasında canlı çift yönlü eşitlemeyle tarayıcınızda dönüştürün.

Nasıl kullanılır

  1. Yerel renk seçiciyle bir renk seçin ya da elinizdeki herhangi bir değeri yapıştırın — #fff, rgb(255 0 0) ve hsl(210, 100%, 50%) hepsi anlaşılır.
  2. Diğer tüm biçimler anında güncellenir: HEX, RGB, HSL, HSV ve CMYK çift yönlü olarak eşitlenir ve büyük renk alanı sonucu gösterir.
  3. İhtiyacınız olan biçimin yanındaki "Kopyala" düğmesine tıklayın. Her şey tarayıcınızda çalışır — hiçbir renk hiçbir yere yüklenmez.

Bu araç hakkında

Ekrandaki her renk fiziksel olarak aynı şeydir — belirli miktarda kırmızı, yeşil ve mavi ışık — ama tasarımcılar, geliştiriciler ve matbaacılar bunu farklı dillerde anlatır. HEX kısadır ve CSS'te evrenseldir; RGB ham kanal verisidir; HSL ve HSV bir rengi insanın düşündüğü gibi tarif eder, yani bir renk tonu artı ne kadar canlı ve ne kadar parlak olduğu; CMYK ise bir baskı makinesinin kâğıda bastığı dört mürekkebi tarif eder. Bu dönüştürücü belleğinde tek bir renk tutar ve onu aynı anda beş dilde birden gösterir.

Dahili olarak her girdi önce RGB'ye normalleştirilir. HEX çözümlemesi üç haneli kısaltmayı genişletir (#fff, #ffffff olur) ve yapıştırdığınız bir alfa çiftini yok sayar. HSL ve HSV standart kroma modelini kullanır: kroma, doygunluğun açıklık ya da değerle birleşiminden gelir; ikincil bileşen, renk tonunun kendi 60°'lik diliminin içindeki konumundan gelir; sabit bir kaydırma da sonucu doğru parlaklığa taşır. CMYK klasik ekran dönüşümünü kullanır: siyah, en büyük kanalın bire tümleyenidir ve her mürekkep o siyaha kalan mesafedir. Çözümleyici bilinçli olarak hoşgörülüdür — virgüller, boşluklar, eğik çizgiler ve yüzde işaretleri isteğe bağlıdır; bu yüzden rgb(255 0 0), 255,0,0 ve #f00 tam olarak aynı renge gider.

Tipik kullanımlar: bir marka HEX'ini CSS değişkeninin istediği HSL'e çevirmek, bir tasarım aracının istediği RGB'yi okumak ya da matbaaya verilecek kabaca bir CMYK elde etmek. Sonuncusu bir uyarıyı hak ediyor. Ekrandaki CMYK her zaman bir yaklaşıklıktır: gerçek baskı, makinenin ICC profiline, mürekkep setine ve kâğıda bağlıdır; canlı ekran renklerinin — özellikle parlak mavi ve yeşillerin — birebir mürekkep karşılığı yoktur. Buradaki CMYK'yı bir prova olarak değil, bir başlangıç noktası olarak görün. Yazdığınız hiçbir şey yüklenmez: dönüşümün tamamı cihazınızda JavaScript ile çalışır.

Formül

HEX, üç RGB baytının onaltılık gösterimidir. HSL → RGB: kroma C = (1 − |2L − 1|) × S, ikincil X = C × (1 − |(H/60) mod 2 − 1|), kaydırma m = L − C/2; (C, X, 0) üçlüsü 60°'lik renk tonu dilimine göre döndürülür ve m üç kanala da eklenir. HSV → RGB için C = V × S ve m = V − C kullanılır. RGB → CMYK: K = 1 − max(R, G, B) ve her mürekkep = (1 − kanal − K) / (1 − K).

Sık sorulan sorular

Hangi renk biçimlerini yapıştırabilirim?

# ile ya da # olmadan HEX (#fff, #ffffff, 3498db), rgb() ve rgba(), hsl() ve hsla(), hsv() ya da hsb(), cmyk() ve red, teal veya crimson gibi otuza yakın yaygın CSS renk adı. Ayırıcılar esnektir: virgül, boşluk ve eğik çizgi hepsi çalışır.

CMYK çıktısı baskı için doğru mu?

Hayır — onu bir yaklaşıklık olarak görün. Buradaki dönüşüm standart ekran formülüdür ve renk profillerini yok sayar; gerçek bir baskı makinesi ise mürekkebe, kâğıda ve makineye bağlı bir ICC profili kullanır. Bir değere karar vermeden önce matbaanıza hangi profili kullandıklarını sorun.

HSL ile HSV arasındaki fark nedir?

İkisi de aynı renk tonu açısından yola çıkar ama parlaklığı farklı tanımlar. HSL'de %50 açıklık saf renktir ve %100 her zaman beyazdır; HSV'de %100 değer saf renktir ve beyaza ancak doygunluğu düşürerek ulaşırsınız. Tasarım araçları genellikle HSV sunar, CSS ise HSL kullanır.

Araç saydamlığı destekliyor mu?

Alfa kanalını okur ve yok sayar. 8 haneli bir HEX ya da bir rgba() değeri yapıştırırsanız yalnızca opak renk dönüştürülür — saydamlık diğer biçimlere taşınmaz.

Renklerim tarayıcımdan çıkıyor mu?

Hayır. Her dönüşüm cihazınızda JavaScript ile çalışır. Hiçbir şey sunucuya gönderilmez, kayda geçmez veya saklanmaz.

İlgili araçlar

Uzun bağlantılar mı? Ücretsiz kısaltın

Vai.la, herhangi bir URL'yi tıklama istatistikleri, QR Code ve kendi biolink'inizle birlikte kısa bir bağlantıya dönüştürür.

Vai.la, araçların nasıl kullanıldığından veya sonuçlarına dayanarak alınan kararlardan sorumlu değildir.