Bir ana renkten tamamlayıcı, benzer, üçlü, dörtlü ve bölünmüş tamamlayıcı renk paletleri oluşturun. Tonlar, açık tonlar ve CSS değişkeni dışa aktarımı dahildir.
Renk Paleti Oluşturucu, seçtiğiniz bir ana renkten renk teorisine dayalı uyumlu renk paletleri üretir. Tamamlayıcı, benzer, üçlü, dörtlü ve bölünmüş tamamlayıcı harmoniler dahil olmak üzere yedi farklı palet türü desteklenir. Oluşturulan paletleri CSS değişkenleri olarak dışa aktarabilirsiniz.
Tamamlayıcı: Renk çarkında karşılıklı iki renk. Yüksek kontrast sağlar.
Benzer: Renk çarkında yan yana duran renkler. Doğal ve uyumlu bir görünüm verir.
Üçlü: Renk çarkında eşit aralıklı üç renk. Dengeli ve canlı paletler oluşturur.
Dörtlü: Renk çarkında dikdörtgen oluşturan dört renk. Zengin renk kombinasyonları sağlar.
Bölünmüş Tamamlayıcı: Ana rengin tamamlayıcısının iki yanındaki renkler. Tamamlayıcıya göre daha yumuşak kontrast sunar.
Tonlar: Ana rengin koyudan açığa farklı ton varyasyonları.
Açık Tonlar: Ana rengin açıktan koyuya farklı açık ton varyasyonları.
Renk harmonisi nedir?
Renk harmonisi, birbiriyle uyumlu renk kombinasyonları oluşturma kurallarıdır. Bu kurallar renk çarkındaki renklerin konumlarına dayanır ve görsel olarak hoş sonuçlar verir.
HSL dönüşümü nasıl çalışır?
HEX renk kodu önce HSL (Renk Tonu, Doygunluk, Parlaklık) formatına dönüştürülür. Harmoniler, renk tonunun (Hue) belirli açılarla döndürülmesiyle elde edilir. Tonlar ve açık tonlar ise parlaklık (Lightness) değeri değiştirilerek üretilir.
CSS değişkenlerini nasıl kullanırım?
Dışa aktarılan CSS kodunu stillerinize yapıştırın. Ardından var(--palette-1) gibi değişkenlerle paletinizdeki renklere erişebilirsiniz.