OKLab'den OKLCH'ye Dönüştürücü: CSS Renk Değerleri
OKLab'den OKLCH'ye dönüştürücü, bir OKLab rengini anında OKLCH'ye çevirir ve iki taraftan birini düzenlediğinizde iki değeri de eşitli tutar. #abc, rgb(1 2 3 / 50%) ve renk adları gibi esnek renk girdisini kabul eder. Bir renk örneğini görüntüleyin, yapıştırmaya hazır bir CSS satırı kopyalayın ve renk sRGB dışına çıktığında renk gamı dışı uyarısını denetleyin.
OKLab'den OKLCH'ye dönüştürücü, bir rengi OKLab'den OKLCH'ye çevirir ve sonucu anında gösterir. İki tarafı da düzenleyebilir ve diğer değer canlı güncellenir. Araç, #abc, rgb(1 2 3 / 50%) ve renk adları dahil esnek renk girdisini kabul eder; böylece OKLab değerlerinin yanı sıra yaygın CSS renk biçimleriyle de çalışabilirsiniz.
Bir renk girdikten sonra renk örneğini ve yapıştırmaya hazır CSS satırını inceleyin. Dönüştürücü ayrıca renk sRGB dışına çıktığında bir renk gamı dışı uyarısı gösterir. Mevcut seçenekleri ayarlayabilir, ardından ihtiyacınız olan değeri kopyalayabilirsiniz. Temel dönüşümü kullanmak için belirli seçenek adları veya ayarları gerekmez.
OKLab bir rengi açıklık ve iki renk bileşeniyle temsil ederken, OKLCH açıklık, doygunluk (chroma) ve ton kullanır. İkisi de renkleri tanımlar, ancak farklı koordinat sistemleri bir temsili belirli bir iş akışı için daha pratik hâle getirebilir. Bir araç, kod örneği veya teslim OKLCH gerektirdiğinde OKLab'i OKLCH'ye dönüştürün veya iki değeri karşılaştırmak için canlı düzenlemeyi kullanın. Renk örneği ve renk gamı uyarısı, sonucu kopyalamadan önce yararlı görsel denetimler ekler.
Dönüştürme 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 dönüştürücü çevrimdışı çalışır; bağlantı olmadan kullanmaya devam edebilirsiniz. Kullanımı ücretsizdir.
Bu tarayıcı tabanlı renk dönüştürücü, CSS hazırlayan, renk değerlerini inceleyen veya iş akışları arasında veri taşıyan geliştiriciler ve DevOps mühendisleri için yararlıdır. Ayrıca bir renk dönüşümünü paylaşmadan veya kullanmadan önce denetlemesi gereken herkese yardımcı olur.
Adım 1: Girdiye bir OKLab rengi yapıştırın. #abc, rgb(1 2 3 / 50%) veya adlandırılmış bir renk gibi desteklenen renk biçimlerini de deneyebilirsiniz.
Adım 2: OKLab veya OKLCH değerinden birini düzenleyin. Diğer taraf canlı güncellenir; bu, iki temsili karşılaştırmayı kolaylaştırır.
Adım 3: Gerekirse mevcut seçenekleri ayarlayın. Dönüştürücü ayrıca rengi görsel olarak inceleyebilmeniz için bir renk örneği gösterir.
Adım 4: Sonucu renk gamı dışı uyarısı açısından denetleyin; bu, renk sRGB dışına çıktığında görünür.
Adım 5: OKLCH değerini veya yapıştırmaya hazır CSS satırını kodunuz, belgeniz veya notlarınız için kopyalayın.
Kullanım senaryosu: OKLab verisini OKLCH kabul eden bir sisteme taşıyın. Rengi dönüştürün ve sonucu sonraki araç veya iş akışında kullanmak üzere kopyalayın.
Kullanım senaryosu: Size verilen bir OKLCH değerinin orijinal OKLab renkle eşleşip eşleşmediğini denetleyin. Çift yönlü canlı düzenleme temsilleri karşılaştırmayı kolaylaştırır.
Kullanım senaryosu: Belgeleme, bilet veya commit mesajı için OKLab renk parçacıkları hazırlayın. Kopyalamaya hazır CSS satırı kullanılabilir bir değeri paylaşmanıza yardımcı olur.
Kullanım senaryosu: Koda yapıştırmadan önce bir renk dönüşümünü denetleyin. Önce renk örneğini ve varsa renk gamı dışı uyarısını inceleyin.
Kullanım senaryosu: Değerini ayarlarken bir rengi inceleyin. Renk örneği iki tarafı da düzenlerken size görsel bir referans verir.
Kullanım senaryosu: Onaltılık değer, RGB değeri veya adlandırılmış renk olarak yazılmış bir rengi OKLCH'ye dönüştürün. Orijinal renk OKLab değeri olarak yazılmadığında esnek girdi ayrıştırma yararlıdır.