OKLCH'ten HEX'e Dönüştürücü: CSS Renkleri
OKLCH'yi HEX'e çevirmek için bu dönüştürücüyü kullanın ya da iki taraftan birini düzenleyip diğerinin canlı güncellendiğini görün. OKLCH kabul eder; ayrıca #abc, rgb(1 2 3 / 50%) ve renk adları gibi biçimleri de ayrıştırır. Rengi renk örneğinde önizleyin, bir CSS satırı kopyalayın ve renk sRGB dışında kaldığında renk gamı dışı uyarısını kontrol edin.
OKLCH'ten HEX'e dönüştürücü, OKLCH renk değerlerini onaltılık biçime çevirir ve dönüştürmenin iki tarafını da düzenlemenize olanak tanır. Bir değeri değiştirdiğinizde diğeri canlı güncellenir; böylece biçimler arasında değerleri tekrar tekrar kopyalamadan sonucu inceleyebilirsiniz. Renk örneği görsel bir önizleme sunarken yapıştırılmaya hazır CSS satırı sonucu işinize taşımayı kolaylaştırır.
Ayrıştırıcı toleranslıdır: OKLCH'nin yanı sıra #abc, rgb(1 2 3 / 50%) ve renk adları gibi girdileri de kabul eder. Renk sRGB dışında kaldığında araç renk gamı dışı uyarısı gösterir. Varsa seçenekleri ayarlayıp onaltılık sonucu veya CSS satırını kopyalayabilirsiniz.
OKLCH ve HEX renkleri farklı biçimlerde temsil eder. HEX, CSS'te yaygın kullanılan kompakt bir gösterimdir; OKLCH ise rengi açıklık, kroma ve renk tonuyla ifade eder. Aralarında dönüşüm, bir rengi farklı bir temsil bekleyen bir iş akışına veya sisteme taşırken ya da aldığınız bir değerle dönüştürülmüş hâli arasındaki ilişkiyi kontrol ederken kullanışlıdır.
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. Kayıt gerekmez ve sayfa yüklendikten sonra dönüştürme çevrimdışı çalışır. Kod, belge ve günlük işbirliği için renk değerleri hazırlayan veya kontrol eden geliştiriciler, tasarımcılar ve DevOps mühendisleri için kullanışlıdır.
Adım 1: Dönüştürücüye bir OKLCH rengi girin veya yapıştırın. Ayrıştırıcı toleranslıdır; ayrıca #abc, rgb(1 2 3 / 50%) ve renk adları gibi örnekleri de kabul eder.
Adım 2: Onaltılık sonucu ve renk örneğini inceleyin. İki taraftan birini düzenlemek diğerini canlı günceller.
Adım 3: Gerekirse varsa seçenekleri ayarlayın. Renk sRGB dışında kaldığında dönüştürücü renk gamı dışı uyarısı da gösterir.
Adım 4: Kodunuz, belgeniz veya notlarınız için HEX değerini ya da yapıştırılmaya hazır CSS satırını kopyalayın.
Kullanım senaryosu: Yalnızca onaltılık renk değeri kabul eden bir sisteme OKLCH verisi taşıyın.
Kullanım senaryosu: Canlı dönüştürmeyi ve renk örneğini karşılaştırarak size verilen bir onaltılık değerin OKLCH orijinaliyle eşleşip eşleşmediğini kontrol edin.
Kullanım senaryosu: Kopyalanmaya hazır bir CSS satırıyla belge, ticket veya commit mesajı için OKLCH ya da HEX renk parçacıkları hazırlayın.
Kullanım senaryosu: Sonucu koda yapıştırmadan önce renk dönüştürmesini kontrol edin ve renk gamı dışı uyarısına dikkat edin.
Kullanım senaryosu: OKLCH ve HEX değerlerinin nasıl karşılık geldiğini görmek için iki temsilden birini düzenlerken renk dönüştürün.
Kullanım senaryosu: Renk örneği ve kopyalanabilir bir CSS satırı gerektiğinde bir renk değerini tarayıcıda hızlıca inceleyin.