Grafikler / Renk

Renk Paleti Oluşturucu: Tek Tıkla Uyumlu Şemalar

Renk teorisine göre renk paletleri oluşturun: benzer, tamamlayıcı, üçlü, bölünmüş tamamlayıcı, monokrom veya rastgele; üç ila sekiz renk arasından seçim yapın. Beğendiğiniz renkleri kilitleyip diğerlerini yeniden oluşturun, her rengin beyazla kontrastını kontrol edin ve paleti CSS değişkenleri, Tailwind yapılandırması, JSON, hex kodları veya PNG olarak dışa aktarın.

Renk Paleti Oluşturucu: Tek Tıkla Uyumlu Şemalar: Her palet, bir temel tondan başlar; temel ton, kilitli bir renk varsa ondan alınır. Diğer tonlar, seçilen kurala göre yerleştirilir: benzer uyum için 30°'lik adımlar, tamamlayıcı uyum için karşıt ton, üçlü uyum için 120°'lik adımlar, bölünmüş tamamlayıcı uyum için her iki yönde 150° veya monokrom uyum için koyudan açığa tek bir ton. Küme; açık, orta ve koyu renkler içerecek şekilde açıklık ve doygunluk değişir. Her renk, beyaza karşı WCAG kontrast oranını gösterir. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori
Geliştirici araçları
Çalıştırma sayısı
Tarayıcınızda
Maliyet
Ücretsiz · kayıt gerekmez
Kullanılabilirlik
Kullanıma hazır
Renk paleti çalışma alanıYerel işleme

Tamamen tarayıcınızda çalışır

Ya da boşluk çubuğuna basın. Korumak istediğiniz renkleri kilitleyin.

#64A6F5Beyaz üzerinde 2.5:1
#382B9DBeyaz üzerinde 10.5:1
#772BB7Beyaz üzerinde 7.5:1
#BE4BBABeyaz üzerinde 4.3:1
#E0367BBeyaz üzerinde 4.2:1
:root {
  --color-1: #64a6f5;
  --color-2: #382b9d;
  --color-3: #772bb7;
  --color-4: #be4bba;
  --color-5: #e0367b;
}

Palet kullanma

Yaygın bir dağılım; bir nötr rengin yaklaşık %60'ı, ikinci bir rengin %30'u ve vurgu renginin %10'udur. Böylece en güçlü renk düğmeler ve vurgular için ölçülü biçimde kullanılır.

Kontrast

4,5:1, normal metin için WCAG AA minimumu; 3:1 ise büyük metin için minimumdur. 7:1, AAA düzeyini karşılar.

Nasıl kullanılır?

  1. Bir uyum türü ve renk sayısı seçin.
  2. Beğenene kadar oluştur düğmesine veya boşluk çubuğuna basın; korumak istediğiniz renkleri kilitleyin.
  3. Paleti kod olarak kopyalayın veya PNG olarak indirin.

Gizlilik ve sınırlamalar

Her şey tarayıcıda oluşturulur.

İlgili araçlar

Palet ÇıkarıcıCSS GradientTailwind Renkleri

Sık sorulan sorular

Beğendiğim bir rengi nasıl koruyabilirim?

Rengin üzerindeki kilitleme seçeneğine tıklayın. Kilitli renkler sabit kalır; ilk kilitlenen renk, diğer renklerin çevresinde oluşturulduğu temel tonu da belirler.

Markamın rengini kullanabilir miyim?

Evet: Bir renk örneğine tıklayarak istediğiniz rengi ayarlayın, rengi kilitleyin ve diğer renkleri onun çevresinde oluşturun.

Paletteki metin okunabilir mi?

Her renk örneği, beyazla olan kontrast oranını gösterir. WCAG, normal metin için en az 4,5:1 oranı ister; bu nedenle bu değerin altındaki bir rengin üzerinde koyu metin kullanılmalıdır.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez