HEX'ten LAB'ye Dönüştürücü – Renk Aracı
HEX'ten LAB'ye dönüştürücü, bir rengi onaltılık değer ile L*a*b* arasında gerçek zamanlı dönüştürür; her iki taraf da düzenlenebilir. #abc gibi kısa HEX değerlerini, rgb(1 2 3 / 50%) gibi RGB gösterimini ve adlandırılmış renkleri kabul eder. Bir renk örneğini görüntüleyin, kullanıma hazır bir CSS satırını kopyalayın ve renk sRGB dışında kaldığında renk gamı dışı uyarısını kontrol edin.
HEX'ten LAB'ye, onaltılık bir rengi L*a*b* değerine dönüştüren tarayıcı tabanlı bir renk dönüştürücüdür. Ayrıca çift yönlü canlı düzenlemeyi destekler; böylece bir tarafı değiştirip diğerinin güncellendiğini görebilirsiniz. Bir renk örneği, kullanıma hazır bir CSS satırı ve renk gamı dışı uyarısı, çalışırken sonucu gözden geçirmenizi kolaylaştırır.
Dönüşümü görmek için bir renk girin. Aracın adı HEX'ten LAB'ye olsa da ayrıştırıcısı hoşgörülüdür: #abc gibi kısa HEX değerlerini, rgb(1 2 3 / 50%) gibi RGB gösterimini ve adlandırılmış renkleri kabul eder. Herhangi bir alanı düzenledikçe dönüşüm güncellenir ve renk sRGB dışında kaldığında araç uyarı verir. Görüntülenen L*a*b* sonucunu kullanabilir veya CSS satırını kopyalayabilirsiniz.
HEX ve LAB renkleri farklı şekillerde temsil eder. HEX, bir rengi belirtmek için kullanılan kompakt bir gösterimdir; L*a*b* ise rengi açıklık ve iki renk-karşıtı boyut kullanarak temsil eder. Bunlar arasında dönüşüm yapmak; bir rengi farklı bir gösterim bekleyen bir sisteme taşımanız, size verilen değerleri kontrol etmeniz veya kod ve belgeler için renk ayrıntıları hazırlamanız gerektiğinde işe yarar.
HEX'ten LAB'ye tamamen tarayıcınızda çalışır. Girdiniz cihazınızda işlenir; hiçbir şey yüklenmez, saklanmaz veya bir sunucuya gönderilmez. Sayfa yüklendikten sonra dönüşüm çevrimdışı çalışır ve kayıt gerekmez. Araç ücretsizdir.
Bu dönüştürücü; geliştiricilere, DevOps mühendislerine ve renk değerlerini biçimler arasında incelemesi veya taşıması gereken herkese yardımcı olur. Bir değeri koda eklemeden önce dönüşümü kontrol etmek, bir kayıtta renk paylaşmak veya sonucu yeniden yazmadan HEX ve LAB gösterimlerini karşılaştırmak için kullanın.
Adım 1: HEX alanına bir renk girin. Ayrıştırıcı ayrıca #abc gibi kısa HEX değerlerini, rgb(1 2 3 / 50%) gibi RGB gösterimini ve adlandırılmış renkleri kabul eder.
Adım 2: Canlı L*a*b* sonucunu inceleyin. Renk alanlarından birini düzenlediğinizde araç diğer tarafı günceller.
Adım 3: Mevcut girdinizin ve sonucunuzun temsil ettiği rengi görmek için renk örneğine bakın.
Adım 4: Renk sRGB dışında kalıyorsa renk gamı dışı uyarısına bakın.
Adım 5: L*a*b* değerini veya kullanıma hazır CSS satırını kodunuz ya da notlarınız için kopyalayın.
Kullanım senaryosu: Onaltılık bir rengi yalnızca L*a*b* kabul eden bir sisteme taşıyın. Canlı dönüşüm, sonucu bir sonraki araca kopyalamayı kolaylaştırır.
Kullanım senaryosu: Size verilen bir L*a*b* değerinin onaltılık özgün sürümle eşleşip eşleşmediğini kontrol edin. Herhangi bir tarafı düzenleyip güncellenen rengi ve renk örneğini karşılaştırın.
Kullanım senaryosu: Belge, kayıt veya commit mesajı için onaltılık renk parçacıkları hazırlayın. Kod dostu bir değere ihtiyacınız olduğunda kullanıma hazır CSS satırını kopyalayın.
Kullanım senaryosu: Sonucu koda yapıştırmadan önce renk dönüşümünü hızlıca doğrulayın. Renk örneği ve renk gamı dışı uyarısı, görüntülenen rengi gözden geçirmenize yardımcı olur.
Kullanım senaryosu: Bir tasarım veya uygulamayı tartışırken rengi HEX ve LAB olarak karşılaştırın. Her iki değerin de canlı güncellendiğini görmek, iki gösterimin tutarlı kalmasına yardımcı olur.
Kullanım senaryosu: Bir rengin HEX ve LAB gösterimlerini incelemeniz gerektiğinde girdi olarak RGB gösterimiyle yazılmış bir renk veya adlandırılmış bir renk kullanın.