Renk Adından HEX'e Dönüştürücü – Canlı Önizleme
Bir renk adını veya desteklenen renk değerini HEX'e dönüştürün, ardından iki taraftan birini düzenleyerek diğerini canlı güncelleyin. Dönüştürücü; adlandırılmış renkleri, #abc gibi kısa onaltılık değerleri ve rgb(1 2 3 / 50%) gibi RGB sözdizimini kabul eder. Rengi bir renk örneğiyle önizleyin, yapıştırılmaya hazır bir CSS satırı kopyalayın ve renk sRGB dışına düştüğünde renk gamı dışı uyarısını denetleyin.
Renk Adından HEX'e, renk adlarını ve desteklenen diğer renk değerlerini onaltılığa çevirmek için tarayıcı tabanlı bir dönüştürücüdür. HEX sonucunu görmek için bir değer girin veya dönüştürücünün iki tarafından birini düzenleyip diğerinin canlı güncellendiğini izleyin. Bir renk örneği görsel önizleme sunar ve yapıştırılmaya hazır bir CSS satırını kopyalayabilirsiniz.
Ayrıştırıcı; adlandırılmış renkleri, #abc gibi kısa onaltılık girdiyi ve rgb(1 2 3 / 50%) gibi RGB gösterimini kabul eder. Sayfa ayrıca ayarlayabileceğiniz seçenekler sunar. Bir renk sRGB dışına düştüğünde araç, sonucu incelerken bu durumu fark edebilmeniz için renk gamı dışı uyarısı gösterir.
Renk adları ve RGB değerleri, renkleri onaltılık gösterimden farklı ifade eder. Aralarında dönüşüm yapmak; bir değeri kod tabanıyla eşleştirmeniz, bir rengi belgelemeniz veya HEX bekleyen bir sisteme aktarmanız gerektiğinde işe yarar. Çift yönlü canlı düzenleme, iki değerden birini değiştirip karşılık gelen sonucu karşılaştırmanıza olanak tanır; renk örneği ise görünümü denetlemenize yardımcı olur.
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 dönüştürme çevrimdışı da çalışır. Kullanımı ücretsizdir; bu da onu sunucu bağlantısına güvenmeden hızlı bir renk denetimine ihtiyaç duyan geliştiriciler ve DevOps mühendisleri için kullanışlı kılar.
Adım 1: Adlandırılmış bir renk, #abc veya rgb(1 2 3 / 50%) gibi bir renk değeri girin veya yapıştırın.
Adım 2: Renk Adı veya HEX tarafını düzenleyin; değişiklik yaptıkça diğer taraf canlı güncellenir.
Adım 3: Rengi görmek için renk örneğini inceleyin ve aracın renk gamı dışı uyarısı gösterip göstermediğini denetleyin.
Adım 4: Onaltılık sonucu veya yapıştırılmaya hazır CSS satırını kodunuzda kullanmak üzere kopyalayın.
Kullanım senaryosu: Bir renk değerini, onaltılık kabul edip orijinal renk adını veya gösterimini kabul etmeyen bir sisteme taşıyın.
Kullanım senaryosu: Aldığınız bir HEX değerinin, bir arayüzde kullanmadan önce orijinal renkle eşleştiğini doğrulayın.
Kullanım senaryosu: Kopyalanmaya hazır bir CSS satırıyla belge, bilet veya commit mesajı için bir renk parçası hazırlayın.
Kullanım senaryosu: Sonucu uygulama koduna yapıştırmadan önce renk dönüşümünü gözden geçirin.
Kullanım senaryosu: Canlı düzenleyicide ikisinden birini ayarlarken adlandırılmış bir rengi onaltılık değeriyle karşılaştırın.
Kullanım senaryosu: Dönüştürme sonucunu paylaşmadan veya kullanmadan önce rengin sRGB dışına düşüp düşmediğini denetleyin.