Bu renk seçici görsel bir renk örneğiyle başlar ve kesin sayısal değerleri hemen yanında tutar. #3366cc gibi bir CSS hex değeri yapıştırabilir, kırmızı, yeşil, mavi ve alpha kanallarını ince ayarlayabilir veya tasarım sistemi çalışmaları için hue, saturation ve lightness değerlerini düzenleyebilirsiniz. Renk değerleri yüklenmez - dönüşümler yerel olarak JavaScript ile yapılır.
Ücretsiz renk seçici
Tümüyle tarayıcınızda çalışır - yükleme yok, üyelik yok.
Seçili#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Renk seçici nedir?
Renk seçici, tasarım veya kod için tam bir dijital renk seçmeye ve değerlerini kopyalamaya yarayan bir araçtır. Renk örneğini, HEX alanını, RGB kaydırıcılarını veya HSL kontrollerini kullanın, ardından HEX, RGB, HSL, HSV ya da CMYK değerlerini anında kopyalayın. Her şey tarayıcınızda çalışır.
Nasıl kullanılır
- 1Renk seçin veya yapıştırın. Tarayıcı renk seçicisini açmak için büyük renk örneğine tıklayın ya da HEX alanına 3, 4, 6 veya 8 haneli bir hex değeri yapıştırın.
- 2Kanalları ayarlayın. Kırmızı, yeşil, mavi ve alpha için RGB kaydırıcılarını kullanın. Daha tasarım odaklı kontrol gerektiğinde hue, saturation ve lightness değerlerini düzenleyin.
- 3Gereken formatı kopyalayın. HEX, HEX8, RGB, HSL, HSV veya CMYK formatını tek tıkla kopyalayın. Önizleme ve tüm çıktılar canlı olarak güncellenir.
Kimler için
- Front-end geliştiricileri arayüz oluştururken CSS için hazır HEX, RGB ve HSL değerlerini kopyalar.
- Tasarımcılar marka rengini grafik uygulamasında tahmin ederek değil, kanal bazında ayarlar.
- Pazarlama ekipleri kampanya renklerini e-posta oluşturucular, belgeler ve sosyal medya görselleri arasında eşleştirir.
- Öğrenciler ve içerik üreticileri RGB, HSL, HSV ve CMYK'nın aynı rengi nasıl anlattığını öğrenir.
Sık sorulan sorular
Bu renk seçici ücretsiz mi?
Evet. Renk seçici ücretsizdir, kayıt gerektirmez ve kullanım sınırı yoktur. Sayfayı açın, bir renk seçin ve gereken formatı kopyalayın.
Renklerim herhangi bir yere yükleniyor mu?
Hayır. Seçici ve dönüşümler tarayıcınızda sade JavaScript ile çalışır. Seçtiğiniz renkler bir sunucuya gönderilmez.
Hangi renk formatlarını kopyalayabilirim?
HEX, alpha içeren 8 haneli HEX, RGB veya RGBA, HSL veya HSLA, HSV ve CMYK kopyalayabilirsiniz. Araç, düzenleme sırasında hepsini senkron tutar.
Hex renk yapıştırabilir miyim?
Evet. # simgesi olsun veya olmasın 3, 4, 6 ya da 8 haneli CSS hex değerleri yapıştırabilirsiniz. Kısa değerler normal CSS kurallarına göre genişletilir.
HEX8 nedir?
HEX8, son çifti alpha değerini tutan 8 haneli bir hex renktir. Örneğin #3366cc80, aynı mavinin yaklaşık %50 opaklıktaki halidir.
CSS'te RGB mi HSL mi kullanmalıyım?
Kesin kanal değerleri gerektiğinde veya rgba() ile alpha kullanırken RGB kullanın. Saturation ve lightness değiştirerek tint, shade veya ilişkili UI durumları oluşturmak istediğinizde HSL kullanın.