HEX'ten OKLCH'ye Dönüştürücü: Canlı Renk Düzenleme
Bu HEX'ten OKLCH'ye Dönüştürücü, her iki tarafı düzenledikçe renk değerini canlı olarak günceller. Bir HEX rengi girin veya kısa HEX, RGB ve renk adları gibi desteklenen girdileri kullanın. Renk örneğini görüntüleyin, kopyalamaya hazır CSS satırını kopyalayın ve renk sRGB dışına çıktığında renk gamı dışı uyarısını kontrol edin.
HEX'ten OKLCH'ye Dönüştürücü, renk değerlerini CSS ve diğer geliştirme işlerinde kullanabileceğiniz bir biçime çevirir. Bir HEX rengi girin, OKLCH değerini görün veya iki tarafı da düzenleyerek diğer tarafın canlı güncellendiğini izleyin. Renk örneği rengi incelemenize yardımcı olur; araç ayrıca kopyalamaya hazır bir CSS satırı sunar.
Ayrıştırıcı, #abc gibi kısa formlar dâhil on altılık değerleri, rgb(1 2 3 / 50%) gibi RGB girdilerini ve renk adlarını kabul eder. Dönüştürücü, renk sRGB dışına çıktığında bir uyarı gösterir. Bu desteklenen girdiler, renk değerinin ihtiyacınız olandan farklı bir biçimde verildiği durumlarda kullanışlıdır.
HEX, rengi genellikle on altılık kanal değerleriyle ifade ederken OKLCH, rengi açıklık, renk doygunluğu ve ton kullanarak ifade eder. Bunlar arasında dönüşüm yapmak, bir proje veya iş akışı HEX yerine OKLCH istediğinde yardımcı olabilir. Çift yönlü canlı düzenleme, iki biçimden birini değiştirip güncellenmiş sonucu görüntüleyerek bir değeri kontrol etmenize de olanak tanır.
Dönüştürücü tamamen tarayıcınızda çalışır: girdiniz cihazınızda işlenir ve sunucuya gönderilmez. Ücretsizdir, kayıt gerekmez ve sayfa yüklendikten sonra çevrimdışı çalışır. Geliştiriciler ve DevOps mühendisleri, renk değerlerini çevrimiçi bir hizmete göndermeden kontrol edebilir, hazırlayabilir ve kopyalayabilir.
Adım 1: #abc gibi bir HEX rengi veya RGB ya da renk adı gibi desteklenen başka bir renk değeri girin.
Adım 2: Diğer tarafın canlı güncellendiğini görmek için girişi veya OKLCH değerini düzenleyin.
Adım 3: Rengi görsel olarak incelemek için renk örneğini kontrol edin ve renk gamı dışı uyarısına bakın.
Adım 4: Kopyalamaya hazır CSS satırını kopyalayın ve kodunuzda veya dokümantasyonunuzda kullanın.
Kullanım senaryosu: Tasarım sistemi veya stil sayfası OKLCH değeri beklediğinde bir HEX rengini OKLCH'ye çevirin.
Kullanım senaryosu: Canlı değerleri ve renk örneğini karşılaştırarak bir OKLCH değerinin size verilen HEX renkle eşleşip eşleşmediğini kontrol edin.
Kullanım senaryosu: Dokümantasyon, bilet veya commit mesajı için HEX ve OKLCH renk parçacıkları hazırlayın.
Kullanım senaryosu: Sonucu koda eklemeden önce renk dönüşümünü kontrol edin.
Kullanım senaryosu: Dönüştürücünün renk gamı dışı uyarısını kontrol ederek bir rengin sRGB dışında kalıp kalmadığını inceleyin.
Kullanım senaryosu: CSS üzerinde çalışırken bir renk değerini iki biçimden birinde düzenleyin ve karşılıklı değerin canlı güncellendiğini görün.