Tasarım Aracı
Renk Paleti Üretici
Temel renginizden otomatik uyumlu palet oluşturun. Ton varyasyonları, komplementer ve triadik renkler.
Renk Teorisi Hızlı Rehberi
- Ton varyasyonları: Aynı rengin farklı parlaklık değerleri. Arka plan, kart, kenarlık ve metin için hiyerarşi oluşturur.
- Komplementer: Renk çemberinde 180° karşı renk. Maksimum kontrast; CTA butonları için ideal.
- Analogous: Komşu renkler (±15° ile ±30°). Uyumlu, sakin, doğadan ilham alan paletler.
- Triadik: 120° aralıklı 3 renk. Canlı ve dengeli; üçlü vurgu gerektiğinde kullanılır.
Renk Kopyalama
Herhangi bir renk kutusuna tıkladığınızda HEX kodu panoya kopyalanır. CSS değişkenlerinde kullanmak için --primary: #6366f1; gibi bir tanım yapabilirsiniz. Tasarım sistemleri genellikle 50-100-200-...-900 ölçeğiyle ton aileleri oluşturur; buradaki ton varyasyonları tam bu mantığa göre üretilmektedir.
Sık Sorulan Sorular
Renk körlüğü (renk körü) için erişilebilir palet nasıl seçilir?
En yaygın form olan kırmızı-yeşil renk körlüğünde kırmızı ile yeşil ayırt edilemez. Bu yüzden yalnızca renge bağlı bilgi iletmek yerine kontrast, şekil veya metin gibi destekleyici sinyaller ekleyin. WCAG 2.1 standartlarına göre normal metin için 4.5:1, büyük metin için 3:1 kontrast oranı minimum erişilebilirlik eşiğidir. Seçtiğiniz paleti contrast-ratio.com gibi araçlarla test etmek iyi bir pratiktir.
İlgili araçlar: Glassmorphism · Box Shadow · Border Radius