Renk Paleti Oluşturucu
Renk uyumundan palet üretin: tamamlayıcı, benzer, üçlü, dörtlü ve tek renkli.
Renk Paleti Oluşturucu hakkında
HSL uzayında tamamlayıcı renk hiç de gizemli değildir: ana tonun 180 derece dönmüş halidir, üçlü şema 120, dörtlü şema 90 derecelik adımlarla ilerler. Asıl tuzak, HSL uzayının algısal olarak eşit olmamasıdır; aynı yüzde 53 açıklık değerindeki sarı ile mavi ölçümde eşittir ama göze çok farklı parlaklıkta görünür, bu yüzden her örneğin yanında WCAG kontrast oranı da yazar. Tüm hesaplar tarayıcınızda çalışır, hiçbir renk dışarı gönderilmez.
Renk Paleti Oluşturucu nasıl kullanılır
- 1
Renk seçiciyle ana rengi belirleyin veya HEX kodunu kutuya yapıştırın; ton, doygunluk ve açıklık kaydırıcıları anında eşitlenir.
- 2
Altı şemadan birini seçin: tamamlayıcı, benzer, üçlü, bölünmüş tamamlayıcı, dörtlü veya tek renkli.
- 3
Benzer, bölünmüş tamamlayıcı ve dörtlü şemalarda açı kaydırıcısını sürükleyerek ton aralığını genişletin veya daraltın.
- 4
Beğendiğiniz örneği kilitleyin, ardından Rastgele düğmesine basın; yalnızca kilitsiz kutular yeniden üretilir.
- 5
Değişken önekini yazın, CSS, SCSS, JSON veya düz HEX biçimini seçin ve çıktı bloğunu kopyalayın.
Sıkça sorulan sorular
Vurgu rengi için her zaman tamamlayıcı renk mi seçilmeli?
Hayır. Tam 180 derece uzaktaki iki ton, ikisi de yüksek doygunluktaysa ortak kenarlarında titreşim yaratır ve gözü yorar. Vurgu için bölünmüş tamamlayıcı (150 ve 210 derece) genellikle daha yumuşak sonuç verir; ya da tamamlayıcı rengin doygunluğunu kaydırıcıyla düşürün.
Şemaların çoğunda doygunluk ve açıklık neden sabit kalıyor?
Çünkü klasik renk uyumu yalnızca ton döndürmesi olarak tanımlanır ve S ile L değerlerini sabit tutmak renklerin eşit ağırlıkta görünmesini sağlar. Tek istisna, tonu kilitleyip 15 birim aralıklı beş açıklık basamağı üreten tek renkli şemadır; ana renk çok açık veya çok koyuysa 60 birimlik pencere kırpılmak yerine kayar, böylece beş basamak da ayırt edilebilir kalır.
Uyumlu palet erişilebilir palet demek midir?
Hayır, en yaygın yanlış anlama budur. Uyum sadece tonlar arasındaki açıyla ilgilidir ve okunabilirlik konusunda hiçbir güvence vermez. Her örneğin yanındaki sayı, o rengin kendi üzerine otomatik seçilen siyah veya beyaz etikete göre kontrastıdır; sitenizin arka planına göre değil. Gerçek arka plan üzerindeki metni ayrıca ölçmelisiniz.
Şemayı değiştirince kilitlerim neden siliniyor?
Çünkü her şemanın kutu sayısı farklıdır: tamamlayıcı iki, benzer ve üçlü üç, dörtlü dört, tek renkli beş kutu içerir. İki kutulu bir şemada dördüncü kutunun kilidini korumak anlamsız olacağından her şema değişiminde kilitler sıfırlanır. Ana renk ise olduğu gibi kalır.