Renk Paleti Oluşturucu
Renk Paleti Oluşturucu, renk teorisi uyumlarını — tamamlayıcı, triadik, analog, bölünmüş tamamlayıcı, tetradik veya monokromatik — kullanarak herhangi bir temel renkten 5 renkli bir palet oluşturur ve CSS özel özellikleri olarak dışa aktarır.
Bu araç hakkında
Renk Paleti Oluşturucu, renk teorisi uyumlarını — tamamlayıcı, triadik, analog, bölünmüş tamamlayıcı, tetradik veya monokromatik — kullanarak herhangi bir temel renkten 5 renkli bir palet oluşturur ve CSS özel özellikleri olarak dışa aktarır.
Nasıl kullanılır
- Renk seçiciyle bir temel renk seçin.
- Tamamlayıcı veya triadik gibi bir uyum türü seçin.
- Oluşturulan beş renk örneğini inceleyin.
- Paleti stil dosyanıza yapıştırmak için Copy as CSS Variables'a tıklayın.
Bilmekte fayda var
- Tamamlayıcı renkler renk çemberinde birbirinden 180° uzaktadır; triadik renkler 120° aralıklıdır.
- Analog paletler komşu tonları (yaklaşık 30° aralıklı) kullanır ve genellikle sakin ve uyumlu bir his verir.
- Bölünmüş tamamlayıcı, temel tonu tamamlayıcısının iki yanındaki (±30°) tonlarla eşleştirir; daha az gerilimle kontrast sağlar.
- Monokromatik paletler tek bir tonu korur ve yalnızca doygunluğu ve açıklığı değiştirir.
- Oluşturucu HSL ile çalışır; bu, bir rengin açıklığını değiştirmeden tonunu döndürür.
Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.
Sık sorulan sorular
Tamamlayıcı renk paleti nedir?
Tamamlayıcı palet, bir tonu renk çemberinde tam karşısındaki tonla (180° uzakta) eşleştirir; örneğin mavi ve turuncu. Tüm uyumlar arasında en güçlü kontrastı verir.
Bir web sitesi paletinde kaç renk olmalı?
Çoğu arayüz bir ana renk, bir veya iki vurgu rengi ve bir dizi nötr renk kullanır. Beş renkli bir uyum, kırpabileceğiniz veya açık ve koyu tonlarla genişletebileceğiniz iyi bir başlangıç noktasıdır.
Triadik ile tetradik arasındaki fark nedir?
Triadik, 120° eşit aralıklı üç ton kullanır. Tetradik ise 90° aralıklı dört ton kullanarak çemberde bir kare oluşturur; daha zengindir ama dengelemesi daha zordur.
Paleti CSS'te veya Tailwind'de kullanabilir miyim?
Evet. Paleti CSS özel özellikleri olarak kopyalayıp var() ile kullanın ya da hex değerlerini Tailwind tema renklerinize yapıştırın.