Renk Paleti Oluşturucu

Ücretsiz renk paleti oluşturucu: uyumlu paletler (analog, tamamlayıcı, üçlü ve daha fazlası) oluşturun, sevdiğiniz renkleri kilitleyin, HEX veya CSS aktarın.

Yeni renkler için boşluk tuşuna veya Oluştur'a basın. Saklamak istediklerinizi kilitleyin, kopyalamak için bir koda tıklayın.
Şu biçimde kopyala

Ayrıca: Görselden Renk Paleti ve Renk Seçici · Renk Kontrastı Denetleyici

Ne yapar


Bu oluşturucu web siteleri, uygulamalar, sunumlar ve tasarımlar için renk paletleri hazırlar. Bir temel renkten birbirine uyan renkler elde etmek için bir uyum seçin ya da rastgele paletler için boşluk tuşuna basın; beğendiğiniz renkleri kilitleyin, böylece yalnızca diğerleri değişsin. Renkler, ton değişse bile algılanan açıklığı koruyan OKLCH renk uzayında hesaplanır; bu sayede paletler dengeli görünür. Renkleri HEX, CSS değişkenleri veya JSON olarak kopyalayın ya da paleti bir bağlantıyla paylaşın.

Nasıl kullanılır


  1. Bir uyum ve temel renk seçin ya da Rastgele'de bırakın.
  2. Paleti beğenene kadar boşluk tuşuna veya Oluştur'a basın; saklamak istediğiniz renkleri kilitleyin.
  3. Kopyalamak için bir renk koduna tıklayın ya da paletin tamamını HEX, CSS veya JSON olarak kopyalayın.

Sık sorulan sorular


Uyumlar ne anlama geliyor?
Bunlar renk çemberinden klasik kombinasyonlardır. Analog, sakin bir görünüm için komşu tonları kullanır; tamamlayıcı, güçlü kontrast için karşıt tonları kullanır; üçlü ve dörtlü, üç veya dört tonu eşit aralıklarla dağıtır; bölünmüş tamamlayıcı, tamamlayıcı çifti yumuşatır; monokromatik ise tek bir tonu birkaç farklı koyulukta kullanır.

Neden HSL değil de OKLCH?
HSL'de aynı açıklık değerine sahip bir sarı ile bir mavi parlaklık açısından çok farklı görünür. OKLCH insan algısı esas alınarak tasarlanmıştır; bu yüzden ton döndürüldüğünde renkler eşit derecede açık kalır. CSS'e de bu nedenle eklenen renk uzayıdır.

Renklerin okunabilir olup olmadığını kontrol edebilir miyim?
Evet: bir renkteki metnin başka bir renkteki arka plan üzerinde WCAG erişilebilirlik seviyelerini karşılayıp karşılamadığını görmek için kontrast denetleyicisini kullanın.

Wikipedia — Color scheme
Wikipedia — Oklab color space