OKLCH'den OKLab'e Dönüştürücü – Canlı Renk Dönüşümü
OKLCH'yi çevrimiçi OKLab'e dönüştürün ve iki renk değerinden birini düzenlerken sonucun anında güncellendiğini görün. Dönüştürücü; #abc, rgb(1 2 3 / 50%) ve renk adları gibi girdileri kabul eder. Ayrıca bir renk örneği, yapıştırılmaya hazır bir CSS satırı ve renk sRGB gamı dışında kaldığında bir uyarı gösterir.
OKLCH'den OKLab'e dönüştürücü, bir OKLCH rengini OKLab karşılığına çevirir ve çalışırken sonucu günceller. İki tarafı da düzenleyebilir, bir renk örneğini görüntüleyebilir ve yapıştırılmaya hazır bir CSS satırını kopyalayabilirsiniz. OKLCH'yi çevrimiçi OKLab'e dönüştürmeniz gerektiğinde #abc, rgb(1 2 3 / 50%) ve renk adları gibi tanıdık renk girdilerini de kabul eder.
OKLCH bir rengi açıklık, doygunluk (chroma) ve renk tonu (hue) ile tanımlarken OKLab rengi açıklık ve iki renk-karşıtı eksenle temsil eder. Dönüştürücü, çift yönlü canlı düzenleme ile bu gösterimler arasında geçiş yapmanızı sağlar. Ayrıca renk sRGB gamı dışında kaldığında uyarır; araçtaki mevcut seçenekler gerektiğinde ayarlanabilir.
Geliştiriciler, açıklık, doygunluk ve renk tonu modeliyle çalışırken OKLCH'yi seçebilir ya da bir sistem veya iş akışının bu gösterimi beklediği durumlarda OKLab'e ihtiyaç duyabilir. Renk örneği ve CSS çıktısı, dönüştürülen rengi incelemenize ve yeniden kullanmanıza yardımcı olur; canlı güncellemeler ise biçimler arasında tekrar tekrar kopyalamadan değerleri karşılaştırmayı pratik hâle getirir.
Dönüştürücü tamamen tarayıcınızda çalışır. Girdiniz cihazınızda işlenir; yüklenmez, saklanmaz veya bir sunucuya gönderilmez. Sayfa yüklendikten sonra çevrimdışı çalışır; böylece bağlantı olmadan dönüştürmeye devam edebilirsiniz. Araç ücretsizdir.
Bu OKLab renk dönüştürücü; kod, dokümantasyon, bilet veya commit için renk hazırlayan geliştiricilere ve DevOps mühendislerine, ayrıca bir renk değerini başka bir araca aktarmadan önce denetleyen herkese yardımcı olabilir. My-DevTools'un OKLCH'ye geri dönüştürmek için ayrı bir ters-dönüştürme sayfası da bulunur.
Adım 1: OKLCH renginizi giriş alanına yazın veya yapıştırın. Ayrıştırıcı; #abc, rgb(1 2 3 / 50%) ve renk adları gibi örnekleri kabul eder.
Adım 2: OKLab sonucunu göründüğü gibi inceleyin. İki renk değerinden birini düzenleyebilirsiniz; diğer taraf canlı olarak güncellenir.
Adım 3: Gerekirse araçtaki mevcut seçenekleri ayarlayın. Girdide belirli seçenek adları belirtilmemiştir.
Adım 4: Renk örneğini ve olası gam dışı uyarısını kontrol edin. Uyarı, sRGB dışında kalan renkleri belirtir.
Adım 5: OKLab değerini veya yapıştırılmaya hazır CSS satırını kopyalayıp kodunuzda, dokümantasyonunuzda veya notlarınızda kullanın.
Kullanım senaryosu: OKLCH rengini, OKLab kabul eden bir sisteme veya iş akışına taşıyın. Dönüştürücü, kopyalayacağınız karşılığı verir.
Kullanım senaryosu: Aldığınız bir OKLab değerinin OKLCH orijinaliyle eşleşip eşleşmediğini denetleyin. İki taraftan birini düzenlemek hızlı karşılaştırma için diğerini günceller.
Kullanım senaryosu: Dokümantasyon, bilet veya commit mesajı için OKLCH veya OKLab renk parçaları hazırlayın. Yapıştırılmaya hazır CSS satırı, sonucu eklemeyi kolaylaştırır.
Kullanım senaryosu: Sonucu kodda kullanmadan önce renk dönüşümünü doğrulayın. Değeri ve renk örneğini birlikte inceleyin.
Kullanım senaryosu: Bir değeri başka bir araca veya iş akışına aktarmadan önce sRGB gamı dışında kalan renkleri tespit edin. Dönüştürücü bir renk gamı dışı uyarısı gösterir.
Kullanım senaryosu: Rengi ayarlarken OKLCH ile OKLab arasındaki ilişkiyi keşfedin. Çift yönlü canlı düzenleme, karşılığın değiştiğini görmenizi sağlar.