Bir renk seçin veya bir görselden renk alın. Tonları ve uyumlu paletleri tek tıkla kopyalayın.
Tek bir temel renkten marka paletleri, arayüz renkleri ve 50–950 arası tonlar oluşturun. HEX kodlarını ve CSS değişkenlerini kopyalayabilir, paletinizi bağlantıyla paylaşabilirsiniz. Görselleriniz tarayıcınızda işlenir.
Renk paleti nasıl oluşturulur?
Temel renk seçin. Renk seçiciyi, HEX kodunu, rastgele renk düğmesini veya bir görseli kullanın.
Uyumları karşılaştırın. Renk çemberinden oluşturulan paletleri ve açık-koyu tonları inceleyin.
Renkleri kullanın. Bir kodu, paletin tamamını veya CSS değişkenlerini kopyalayın.
Palet türleri
Renk ölçeği — Tasarım sistemleri için on bir açık ve koyu ton.
Açık ve koyu tonlar — Temel renge beyaz veya siyah eklenir.
Tek renkli — Aynı rengin farklı açıklık ve doygunluktaki tonları.
Komşu renkler — Renk çemberinde yan yana duran renkler.
Tamamlayıcı — Güçlü kontrast için karşıt renk.
Ayrık tamamlayıcı — Karşıt rengin iki yanındaki renkler.
Üçlü renkler — Renk çemberinde eşit aralıklı üç renk.
Pasteller ve nötrler — Yumuşak tonlar ve renkli griler.
Arayüz renkleri — Başarı, uyarı, hata ve bilgi durumları için renkler.
Paleti kullanırken
Metin ve arka plan arasındaki kontrastı kontrol edin.
Temel renginizi vurgu için, nötr tonları arka plan ve metin için kullanın.
Bağlantıyı paylaştığınızda alıcı aynı temel renkten oluşturulan paleti görür.
Sık sorulan sorular
Araç ücretsiz mi?
Evet. Hesap veya abonelik gerekmez.
Görselden renk alabilir miyim?
Evet. PNG, JPG veya WebP görselini ekleyin ve bulunan renklerden birini seçin.
Görselim yükleniyor mu?
Renk çıkarma işlemi tarayıcınızda yapılır. Görseliniz cihazınızda kalır.
Paleti tasarımımda nasıl kullanırım?
HEX kodlarını tasarım aracınıza yapıştırın veya CSS değişkenlerini projenize ekleyin.