Herhangi bir fotoğrafta renk paleti tanımlama

Fotoğraflara ve resimlere dayalı otomatik renk eşleştirme.

Bir görüntü yükleyin, 10 ana renkten oluşan bir şema tanımlayın ve bunların web sayfasında nasıl eşleştiğini görün

Bir dosyayı sürükleyip bırakın veya Görüntü ekle'yi seçin
www.gradients.app — pick colors from image
{{ color.hex }}

Vurgu renkleri

Paletin parlak renkleri, önemli ayrıntıları vurgular ve dikkat çeker 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

Metin ve arka plan rengini seçmenize yardımcı olacağız

Kontrast renkler içeriğinizi daha da iyi hale getirir 🤩

Sessiz renkler

Bildirimler, bilgi kartları ve diğer bloklar için uygundur 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

Açık renkler

Arka planlar ve yüzeyler için ideal 😺

#{{color}}

Koyu renkler

Metin ve başlıklar için kullanılabilir 📝

#{{color}}

Renkleri ters çevirin

Renk paletinin ters tarafı. Şemanızdaki renklerle iyi bir kontrast oluşturun. 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

Araçlar

Merhaba,
sizi gördüğüme sevindim!

Şifrenizi mi unuttunuz?

Üye olurken kullandığınız e-posta adresini girin, size şifrenizi sıfırlamanız için talimatlar göndereceğiz.

Yeni bir
hesap oluşturun

Parola uyuşmazlığı

Mesh Gradyanları ile Tanışın

Size mesh gradyan jeneratörü ve yeni bir mesh kütüphanesi ekledik, kendi gradyanlarınızla zenginleştirebilirsiniz. Şimdi güzel soyut gradyanlar oluşturabilir, indirebilir, CSS kodlarını kopyalayabilir, kişisel panelinize kaydedebilir ve genel kütüphaneye ekleyebilirsiniz.

Yakında radyal gradyan jeneratörü de ekleyeceğiz!

Örgü Gradyanları