HEX'ten OKLab'e Dönüştürücü: Canlı Renk Aracı
HEX'ten OKLab'e, onaltılık bir rengi OKLab'e dönüştürür ve düzenlerken iki tarafı da eşzamanlı tutar. Ayrıca #abc, rgb(1 2 3 / 50%) ve adlandırılmış renkler gibi yaygın renk girdilerini kabul eder. Bir renk örneği görüntüleyin, yapıştırılmaya hazır bir CSS satırı kopyalayın ve renk sRGB dışındayken renk gamı dışı uyarısını denetleyin.
HEX'ten OKLab'e Dönüştürücü, onaltılık bir rengi OKLab değerine çevirir ve iki taraftan da çalışabilmeniz için çift yönlü canlı düzenleme sunar. Ayrıca bir renk örneği ve yapıştırılmaya hazır bir CSS satırı gösterir. Ayrıştırıcı, #abc, rgb(1 2 3 / 50%) ve adlandırılmış renkler dahil olmak üzere yaygın renk girdilerini kabul eder; bu, bir değeri birden çok gösterimde denetlemeniz gerektiğinde onu kullanışlı kılar.
Yazdıkça ilgili değerin güncellendiğini görmek için bir renk girin. HEX veya OKLab tarafını düzenlemek diğerini günceller; böylece biçimler arasında değerleri tekrar tekrar kopyalamadan bir rengi inceleyebilirsiniz. Araç ayrıca bir renk sRGB dışına taştığında uyarır; sonucu gözden geçirmeye yardımcı olması için renk örneğini ve uyarıyı kullanın.
HEX renkleri onaltılık gösterimle temsil ederken OKLab, CSS'te kullanılabilen farklı bir renk gösterimidir. Aralarında dönüştürmek, bir sistem veya parçacık OKLab gerektirdiğinde ya da bir OKLab değerini onaltılık özgün değeriyle karşılaştırmak istediğinizde yardımcı olur. Kopyalanabilir CSS satırı, sonucu koda veya belgeye taşımayı kolaylaştırır.
Bu ücretsiz dönüştürücü tarayıcınızda çalışır. Girdiniz cihazınızda işlenir; veri yüklenmez, saklanmaz veya bir sunucuya gönderilmez ve kayıt gerekmez. Sayfa yüklendikten sonra dönüşümün sunucu bağımlılığı olmadığı için çevrimdışı çalışır.
Araç, renk değerlerini denetleyen, kod parçacıkları hazırlayan veya paylaşmadan önce bir dönüşümü gözden geçiren geliştiriciler ve DevOps mühendisleri için yararlıdır. Özgün rengi karşılaştırma için görünür tutarak HEX ve OKLab arasında geçiş yapması gereken herkese de yardımcı olabilir.
Adım 1: #abc, rgb(1 2 3 / 50%) veya adlandırılmış bir renk gibi onaltılık bir renk ya da desteklenen başka bir renk değeri girin.
Adım 2: Yazdıkça güncellenen OKLab sonucunu inceleyin. OKLab değerini düzenleyip HEX tarafının canlı güncellendiğini de görebilirsiniz.
Adım 3: Renk örneğini inceleyin ve renk sRGB dışına taşarsa renk gamı dışı uyarısını arayın.
Adım 4: Kodunuzda veya belgenizde kullanmak için yapıştırılmaya hazır CSS satırını kopyalayın.
Kullanım senaryosu: OKLab değerleri kabul eden bir sistem veya iş akışı için onaltılık renkleri dönüştürün.
Kullanım senaryosu: Bir OKLab değerinin onaltılık özgün değerle eşleşip eşleşmediğini, iki taraftan birini düzenleyip canlı sonucu karşılaştırarak denetleyin.
Kullanım senaryosu: Belge, destek kaydı veya commit mesajı için onaltılık bir renk ile onun OKLab karşılığını hazırlayın.
Kullanım senaryosu: Sonucu koda yapıştırmadan önce renk dönüşümünü hızlıca doğrulayın.
Kullanım senaryosu: Bir stil sayfası üzerinde çalışırken bir renk örneğini ve onun CSS gösterimini inceleyin.
Kullanım senaryosu: Dönüştürücünün renk gamı dışı uyarısını denetleyerek bir rengin sRGB dışına ne zaman taştığını yakalayın.