Renk Kodu Dönüştürücü
Renkleri HEX, RGB ve HSL arasında canlı önizlemeyle dönüştürün; alfa kanalı desteklenir.
Renk biçimleri arasında dönüşüm
Tasarım programları HEX, CSS kodları RGB veya HSL, bazı kütüphaneler ise farklı biçimler kullanır. Renk Kodu Dönüştürücü'ye herhangi bir biçimde renk yazın veya renk seçiciyi kullanın; diğer tüm biçimler anında güncellenir.
Desteklenen biçimler
- HEX: #1e90ff ve kısa #19f
- RGB / RGBA: rgb(30, 144, 255)
- HSL / HSLA: hsl(210, 100%, 56%)
- 8 haneli HEX ile saydamlık
HSL'in avantajı
HSL; ton, doygunluk ve açıklık değerleriyle çalıştığı için bir rengin daha açık veya koyu tonlarını üretmek çok kolaydır. Her değeri tek tıkla kopyalayabilirsiniz. Dönüşümler tarayıcınızda yapılır.
Renk Kodu Dönüştürücü nasıl kullanılır?
- Renk kodunu herhangi bir biçimde yazın veya renk seçiciyi kullanın.
- Diğer biçimler anında hesaplanır.
- Canlı önizlemeyle rengi kontrol edin.
- İhtiyacınız olan biçimi kopyalayın.
Neden bu aracı kullanmalısınız?
Tasarım ve kod arasında renk aktarırken hata yapmadan, saniyeler içinde doğru değeri elde edersiniz.
Sıkça sorulan sorular
Saydamlığı destekliyor mu?
Evet. 8 haneli HEX, rgba() ve hsla() değerleri alfa kanalını korur.
Kısa HEX kodları (#19f) destekleniyor mu?
Evet, 3 ve 4 haneli kısa HEX kodları da tanınır ve tam biçime çevrilir.
Bir görseldeki rengi nasıl bulurum?
Görselden Renk Seçici aracıyla bir fotoğraftaki pikselin rengini alabilirsiniz.
İlgili araçlar
Görselden Renk Seçici
Bir fotoğraf veya ekran görüntüsünden herhangi bir pikselin rengini HEX, RGB ve HSL olarak alın.
Aracı açCSS Gradyan Oluşturucu
Birden çok renk duraklı doğrusal ve dairesel CSS gradyanları canlı önizlemeyle tasarlayın.
Aracı açBox Shadow Oluşturucu
Konum, bulanıklık, yayılma, renk ve iç gölge ayarlarıyla CSS box-shadow değerleri oluşturun.
Aracı açBaskın Renk Çıkarıcı
Bir görselin ana renk paletini otomatik çıkarın ve renkleri HEX/RGB olarak kopyalayın.
Aracı aç