Renk Seçici
Renkler seçin, görüntülerden çıkarın, paletler oluşturun ve kontrastı kontrol edin. HEX, RGB, HSL, HSV ve CMYK formatları desteklenir.
Görüntü Renk Çıkarma
Görüntü bırakın veya yüklemek için tıklayın
Baskın Renkler
Paletinize renkler ekleyin
Normal boyutta örnek metin (14px)
Büyük Örnek Metin
Kontrast Oranı
21:1
AA Normal Metin
Geçti
AA Büyük
Geçti
AAA Normal Metin
Geçti
AAA Büyük
Geçti
90°
Bu Renk Seçiciyi Ne Zaman Kullanmalı
Ücretsiz renk seçici aracımız tasarımcılara ve geliştiricilere renklerle çalışmada yardımcı olur:
-
Web Tasarımı
Web siteleri için mükemmel renkler seçin ve erişilebilirlik uyumluluğunu sağlamak için kontrast oranlarını kontrol edin.
-
Marka Kimliği
Logolar, pazarlama materyalleri ve marka yönergeleri için uyumlu renk paletleri oluşturun.
-
Görüntü Renk Eşleştirme
Tasarım öğelerini mevcut görsellerle eşleştirmek için fotoğraflardan renkler çıkarın.
-
CSS Geliştirme
CSS gradyanları oluşturun ve renk paletlerini CSS özel özellikleri olarak dışa aktarın.
-
Erişilebilirlik Testi
Metin ve arka plan renk kombinasyonlarının WCAG AA ve AAA standartlarını karşıladığını doğrulayın.
Renk Seçici Nasıl Kullanılır
Başlarken
- Doygunluk ve parlaklık seçmek için renk karesinde tıklayıp sürükleyin
- Temel rengi değiştirmek için ton kaydırıcısını kullanın
- Gerekirse alfa kaydırıcısıyla opaklığı ayarlayın
- Yanındaki kopyala düğmesine tıklayarak herhangi bir formatı kopyalayın
Özellikler
- Gerçek zamanlı önizlemeli etkileşimli renk seçici
- Damlalık ile herhangi bir görüntüden renk çıkarma
- Otomatik olarak uyumlu renk kombinasyonları oluşturma
- Özel paletler oluşturma ve CSS veya JSON olarak dışa aktarma
- Erişilebilirlik için WCAG renk kontrastı kontrolü
- Görsel editörle CSS gradyanları oluşturma
Klavye Kısayolları
- Ctrl+C: Mevcut HEX rengini kopyala
- Ctrl+V: Panodan renk yapıştır ve uygula
- 1-4: Özellik sekmeleri arasında geçiş yap
İpuçları
- Baskın renkleri otomatik çıkarmak için görüntü yükleyin
- Metin okunabilirliğini sağlamak için kontrast denetleyicisini kullanın
- Projelerde kolay kullanım için paletinizi CSS değişkenlerine aktarın