Color Picker
Pick colors and get HEX, RGB, HSL
R59
G130
B246
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Bu araç hakkında
Renk Seçici, herhangi bir rengi görsel olarak seçmenize ve HEX, RGB ve HSL gösterimlerini anında görmenize olanak tanır. Geniş seçim için yerel renk seçiciyi veya hassas kanal düzeyi kontrol için RGB kaydırıcıları kullanın.
Seçilen renkler otomatik olarak son renkler geçmişine kaydedilir; böylece yeniden yazmadan hızlıca geri dönebilirsiniz. Renk varyasyonlarını karşılaştırırken veya palet oluştururken kullanışlıdır.
Nasıl kullanılır
- Büyük renk örneğine tıklayarak tarayıcının yerel renk seçicisini açın ve bir renk seçin.
- Bireysel renk kanallarını ince ayarlamak için R, G ve B kaydırıcılarını sürükleyin.
- Değeri panoya kopyalamak için HEX, RGB veya HSL'in yanındaki Kopyala'ya tıklayın.
- Kopyalanan renkler Son renkler satırında görünür — geri yüklemek için herhangi bir örneğe tıklayın.
Kullanım senaryoları
Web tasarımcıları marka kılavuzundan tam renkleri seçer ve CSS'e hex kodlarını kopyalar. Geliştiriciler canvas veya WebGL için RGB değerlerini ayarlar. UI tasarımcıları aynı renk tonundaki ince varyasyonları karşılaştırır.
Sık sorulan sorular
- Seçilen renkler kalıcı olarak kaydediliyor mu? — Hayır. Son renkler bileşen durumunda saklanır ve sayfadan ayrıldığınızda veya yenilediğinizde sıfırlanır. Kalıcı depolama için hex kodlarını kendi notlarınıza kopyalayın.
- Doğrudan hex kodu girebilir miyim? — Evet. Çoğu tarayıcıda bulunan yerel renk seçicisinin hex giriş alanını kullanarak bir hex değeri doğrudan yazabilirsiniz.
- HSL nedir ve neden kullanışlıdır? — HSL; Hue (Ton), Saturation (Doygunluk) ve Lightness (Parlaklık) anlamına gelir. Parlaklık değerini değiştirmek, aynı tonu korurken rengi daha açık veya koyu yapar; bu da tintler ve gölgeler oluşturmak için kullanışlıdır.