RGB'den XYZ'ye Dönüştürücü – Canlı Çevrimiçi Renk Aracı
RGB'den XYZ'ye dönüştürücü, bir RGB rengi anında XYZ değerlerine çevirirken çift yönlü canlı düzenlemeye olanak tanır: iki tarafı da değiştirin, diğeri güncellenir. #abc gibi kısaltılmış hex'i, rgb(1 2 3 / 50%) gibi modern rgb() sözdizimini ve renk adlarını kabul eder. Renk örneğini inceleyin, bir CSS satırı kopyalayın ve sRGB renk gamı dışı uyarısını denetleyin.
RGB'den XYZ'ye dönüştürücü, bir RGB rengi XYZ değerlerine çevirir ve dönüştürmenin iki tarafını da düzenlemenize olanak tanır. Bir değeri değiştirdikçe diğeri canlı güncellenir; böylece aracı tek yönlü bir metin dönüştürücü gibi değil, etkileşimli olarak bir rengi denetlemek için kullanabilirsiniz. Ayrıca bir renk örneği, yapıştırılmaya hazır bir CSS satırı ve bir renk sRGB dışında kaldığında renk gamı dışı uyarısı görüntüler.
Girdi ayrıştırıcısı #abc gibi kısaltılmış hex'i, rgb(1 2 3 / 50%) gibi rgb() sözdizimini ve renk adlarını kabul eder. Bir RGB rengi girerek XYZ sonucunu görün veya RGB tarafını güncellemek için XYZ tarafını düzenleyin. İş akışı bir seçenek ayarlama adımı içerir; ancak belirli seçenek adları verilmemiştir. Dönüştürmeyi incelerken değerlerin yanında renk örneğini ve uyarıyı denetleyin.
RGB renkleri kırmızı, yeşil ve mavi kanallarla temsil ederken XYZ farklı bir renk gösterimidir. İkisi arasında dönüştürmek, bir sistem veya iş akışı RGB yerine XYZ değerlerine ihtiyaç duyduğunda ya da bir XYZ değerini RGB kaynağıyla karşılaştırmak istediğinizde kullanışlıdır. Canlı düzenleyici, kopyalanan CSS satırı ve görünür renk örneği bu denetimi kolaylaştırır.
Dönüştürme tamamen tarayıcınızda çalışır: girdiniz cihazınızda işlenir ve bir sunucuya gönderilmez. Kayıt gerekmez ve sayfa yüklendikten sonra araç, sunucu bağlantısı olmadan çevrimdışı çalışır. Kod, belge, bilet veya XYZ kullanan başka bir iş akışı için renk değerleri hazırlayan geliştiriciler, DevOps mühendisleri ve herkes için kullanışlıdır.
Adım 1: Bir RGB rengi girin veya yapıştırın. Ayrıştırıcı #abc, rgb(1 2 3 / 50%) ve renk adları gibi girdileri kabul eder.
Adım 2: Güncellenen XYZ sonucunu inceleyin. XYZ tarafını da düzenleyip RGB tarafının canlı güncellendiğini görebilirsiniz.
Adım 3: Gerekirse kullanılabilir seçenekleri ayarlayın. Aracın dönüştürme iş akışı sonucu etkileşimli olarak denetlemenize olanak tanır.
Adım 4: Renk örneğini ve varsa renk gamı dışı uyarısını denetleyin, ardından XYZ sonucunu veya yapıştırılmaya hazır CSS satırını kopyalayın.
Kullanım senaryosu: RGB verisini XYZ değerleri kabul eden bir sisteme taşıyın. Rengi tarayıcınızda dönüştürün, ardından iş akışınızın sonraki adımı için sonucu kopyalayın.
Kullanım senaryosu: Aldığınız bir XYZ değerinin RGB orijinaliyle eşleşip eşleşmediğini denetleyin. İki tarafı da düzenleyip canlı güncellenen sonucu karşılaştırın.
Kullanım senaryosu: Belge, bilet veya commit mesajı için RGB renk parçacıkları hazırlayın. Renk örneği ve CSS satırı, rengi incelemeyi ve yeniden kullanmayı kolaylaştırır.
Kullanım senaryosu: Sonucu koda yapıştırmadan önce renk dönüştürmeyi hızlıca doğrulayın. Önce görüntülenen renk örneğini ve varsa renk gamı dışı uyarısını inceleyin.
Kullanım senaryosu: Kısaltılmış hex, rgb() sözdizimi veya adlandırılmış renk biçiminde verilen bir rengi inceleyin. Toleranslı ayrıştırıcı, bu girdi stillerini önce yeniden yazmanızı gerektirmeden işleyebilir.
Kullanım senaryosu: RGB ve XYZ değerleriyle çalışırken bir rengin sRGB dışında kalıp kalmadığını inceleyin. Uyarı, renk denetimi sırasında gam dışı bir sonucu fark etmenize yardımcı olur.
Kullanım senaryosu: Farklı bir renk gösterimi kullanan bir iş akışı için bir renk dönüştürün. Çift yönlü canlı düzenleyici iki tarafı da ayarlayıp incelemenize olanak tanır.