Renk Paleti Oluşturucu
Cihazınızda çalışır. Hiçbir şey gönderilmez.Her şey tarayıcınızda olur - hiçbir şey yüklenmez.
Renk sayısı5
İpucu: yeni palet için Boşluk tuşuna basın.Uyum
Dışa aktar
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Renk çemberi uyumlarından ya da rastgele renk paletleri oluşturun, beğendiğiniz renkleri kilitleyin; CSS değişkenleri, Tailwind renkleri ya da JSON olarak kopyalayın.
Yeni bir palet için Oluştur'a (ya da Boşluk tuşuna) basın. Tutmak istediğiniz renkleri kilitleyin; kalanlar renk çemberi uyumuna göre onların etrafında yeniden kurulur: analog komşular, tek renkli ton dizisi, tamamlayıcı ya da bölünmüş tamamlayıcı karşıtlar, üçlü ve dörtlü uyumlar - ya da tonları eşit dağılmış tamamen rastgele. Bir rengin hex kodunu tıklayıp kopyalayın ya da renge tıklayıp kendiniz seçin. Paleti CSS özel değişkenleri, Tailwind renk ölçeği ya da JSON olarak dışa aktarın, PNG kaydedin veya aynı paleti açan bir bağlantı kopyalayın.
Sıkça sorulan sorular
Uyumlar ne anlama geliyor?
Renk çemberindeki konumlardır. Analog renkler yan yanadır (sakin), tamamlayıcılar karşı karşıya (yüksek kontrast), bölünmüş tamamlayıcı karşıt rengin iki komşusunu kullanır, üçlü 120° arayla üç, dörtlü 90° arayla dört renktir. Tek renk aynı tonu tutar ve açıklığı değiştirir.
Markamın rengi etrafında nasıl palet kurarım?
İlk renge tıklayın, kendi renginizi seçin, kilitleyin ve Oluştur'a basın. Boş kalan renkler, seçtiğiniz uyuma göre kilitli renginizden başlanarak doldurulur.
Renklerin üzerindeki yazı okunaklı mı?
Hex etiketi, o renkte hangisi daha yüksek kontrast veriyorsa siyaha ya da beyaza geçer. Gövde metni için tam renk çiftini renk araçlarımızdaki WCAG kontrast denetleyicisinde kontrol edin.
Bir şey kaydediliyor mu?
Geçerli paletiniz bu cihazda hatırlanır. Paylaşılan bağlantı renkleri adresteki # işaretinden sonra taşır; bu kısım sunucumuza gönderilmez.