Renk Paletleri

Web sitesi renk paletleri (CSS)

Web ve arayüz tasarımı için hazırlanmış renk paletleri. Her biri HEX kodlarını içerir, ayrıca hazır CSS kodunu da kopyalayabilirsin. Kopyalamak için bir renge tıkla, favorilerini kaydet ya da ince ayar yapmak için düzenleyicide aç.

Bir web sitesi için renkler nasıl seçilir?

Bir arayüz genellikle yalnızca bir ana marka rengine, eylemler için (butonlar, bağlantılar) bir vurgu rengine ve arka plan, kenarlık ve metin için bir gri skalasına ihtiyaç duyar. Her zaman aynı HEX kodlarını kullanarak tutarlı kal ve bunları CSS değişkenleriyle uygula.

Paleti CSS olarak kopyala

Her kartta beş rengin CSS kodunu kopyalayan bir buton var. Kodu stil dosyana yapıştır ve değişken adlarını projene göre değiştir. Tek bir rengi kopyalamak için de üzerine tıklaman yeterli.

Kontrast ve erişilebilirlik

Yayınlamadan önce metnin arka planı üzerinde rahatça okunduğundan emin ol. WCAG AA veya AAA seviyesini karşıladığını doğrulamak için kontrast kontrolü aracını kullan. Bu, erişilebilirlik ve SEO için önemlidir.

Kendi paletini sıfırdan mı oluşturmak istiyorsun? Renk paleti oluşturucuyu dene, resimden renk paleti çıkar ya da renk kontrastını kontrol et.