Pratik Araçlar Üreticisi
Renk Paleti Oluşturucu
Temel bir renk, fotoğraf veya rastgele fikirden uyumlu ve erişilebilir bir palet oluşturun.
HEX · RGB · HSL · OKLCH · WCAG
Renk paleti stüdyosu
Temel bir renk, fotoğraf veya rastgele fikirden uyumlu ve erişilebilir bir palet oluşturun.
Paletiniz
Kopyalamak için bir koda tıklayın. Yeniden oluşturmadan önce renkleri kilitleyin veya sıralayın.
Kartları sürükleyin veya oklarla yeniden sıralayın.
Canlı arayüz önizlemesi
Daha net bir görsel sistem
Paleti gezinme, metin ve düğme içeren gerçekçi bir kartta deneyin.
Erişilebilirlik ve kontrast
Kontrast tablosu
Renk görme önizlemesi
Yaklaşık önizlemedir; gerçek kullanıcılarla test edin ve yalnızca renge güvenmeyin.
Gradyan oluşturucu
Paleti dışa aktar
Bir renk uyumu seçin
Tek renkli paletler tek bir tonu çeşitlendirir. Benzer renkler yakındır; tamamlayıcı, üçlü ve dörtlü modlar daha geniş ton ilişkileri kullanır.
Erişilebilirliği denetleyin
WCAG sonuçları metin etiketleriyle gösterilir. Normal metinde AA için 4,5:1, büyük metinde 3:1 gerekir.
Doğru biçimi kullanın
HEX ve RGB yaygın desteklenir, HSL kolay ayarlanır, OKLCH ise algısal olarak daha tutarlı açıklık ve renk yoğunluğu sunar.
Renk paleti oluşturucu SSS
Renk uyumu nedir?
Benzer, tamamlayıcı veya üçlü renkler gibi tonlar arasındaki tekrarlanabilir ilişkidir.
Paleti nasıl erişilebilir yaparım?
Metin ve arka plan kontrastını kontrol edin, yalnız renge dayanmayın ve etkileşim durumlarını da test edin.
Görselim sunucuya gönderiliyor mu?
Hayır. Renk çıkarma tarayıcıda yerel olarak çalışır ve görsel yüklenmez.
Hangi dışa aktarma biçimini kullanmalıyım?
Web siteleri için CSS, stil sayfaları için SCSS, uygulamalar için JSON ve görsel referans için PNG kullanın.
Evcil hayvanlar, dijital ve site araçları dizini
Başka bir evcil hayvan veya dijital araca mı ihtiyacınız var?
Köpek ve kedi yaşı, mama miktarı, evcil hayvan ilaç dozu, renk paleti, veri depolama, piksel yoğunluğu ve RGB’den HEX’e dönüştürme araçlarını keşfedin.