Hangi renklerin birbirine uyduğunu tahmin etmeye çalışmak tasarım süresini boşa harcar. Bu oluşturucu, renk teorisinde öğretilen aynı hue ilişkilerine dayanan klasik renk çemberi harmonilerini uygular, böylece her palet göz kararıyla değil matematiksel olarak uyumlu hale gelir. Herhangi bir renk örneğine tıklayarak hex kodunu kopyalayın veya tüm paleti yapıştırmaya hazır CSS custom property olarak alın. Tamamen tarayıcı tarafında çalışır: hesap yok, yükleme yok, marka renklerinizin takibi yok.
Ücretsiz Renk Paleti Oluşturucu
Tümüyle tarayıcınızda çalışır - yükleme yok, üyelik yok.
Harmoni
CSS değişkenleri
Renk paleti oluşturucu nedir?
Renk paleti oluşturucu, renk çemberi teorisini kullanarak tek bir ana renkten uyumlu bir renk şeması oluşturur. Bir hex renk seçin veya yazın, tamamlayıcı, analog, üçlü ya da monokromatik gibi bir harmoni belirleyin; araç uyumlu renkleri anında hesaplar - her biri kopyalanabilir bir hex koduyla birlikte. Her şey tarayıcınızda çalışır.
Nasıl kullanılır
- 1Ana renginizi belirleyin. Görsel olarak seçmek için renk kutusuna tıklayın, #6366f1 gibi bir hex kodu yazın veya yeni bir başlangıç noktası için Rastgele'ye basın.
- 2Bir harmoni seçin. Tamamlayıcı, split-tamamlayıcı, analog, üçlü, dörtlü, monokromatik, koyu tonlar ve açık tonlar arasında geçiş yapın. Palet anında yeniden hesaplanır.
- 3Renkleri kopyalayın. Herhangi bir renk örneğine tıklayarak o hex kodunu kopyalayın veya tüm paleti CSS değişkeni olarak almak için Kopyala düğmesini kullanın.
Kimler için
- Web tasarımcıları tek bir marka rengiyle bir siteye başlarken: arka planlar, butonlar ve vurgular için analog veya split-tamamlayıcı eşlikçi renkler oluşturur.
- Front-end geliştiriciler tasarım tokeni başlangıcına ihtiyaç duyduğunda: paleti CSS değişkeni olarak kopyalayıp doğrudan stylesheet'e ekler.
- Pazarlamacılar ve sunum hazırlayanlar grafikleri, sosyal medya görsellerini veya sunumları bir logo rengiyle eşleştirirken tasarım aracına ihtiyaç duymaz.
- İllüstratörler ve hobi olarak uğraşanlar bir işte derinlik, vurgu ve gölge oluşturmak için tek bir hue'nun ton ve gölgelerini keşfeder.
Sık sorulan sorular
Bu renk paleti oluşturucu ücretsiz mi?
Evet - üyelik gerektirmeden, filigransız ve sınırsız olarak %100 ücretsizdir. Kişisel veya ticari projeleriniz için istediğiniz kadar palet oluşturup kopyalayabilirsiniz.
Renk verilerim herhangi bir yere yükleniyor mu?
Hayır. Palet, tamamen tarayıcınızda düz JavaScript ile hesaplanır. Marka renkleriniz, girdileriniz ve tıklamalarınız hiçbir sunucuya gönderilmez.
Tamamlayıcı renk nedir?
Tamamlayıcı renk, ana renginizin renk çemberinde tam karşısında yer alır - 180 derecelik bir hue dönüşü. Mavi ve turuncu gibi tamamlayıcı çiftler en güçlü kontrastı sağlar, bu yüzden marka arka planı üzerindeki eylem çağrısı butonlarında sıkça tercih edilir.
Analog ve üçlü paletler arasındaki fark nedir?
Analog paletler komşu hue'ları kullanır (ana renkten yaklaşık 30 derece içinde), bu yüzden sakin ve bütünlüklü hissettirir. Üçlü paletler ise 120 derece aralıklı üç hue alır ve renkler arasında daha güçlü kontrastla canlı, dengeli bir şema oluşturur.
Koyu ton (shade) ve açık ton (tint) nedir?
Koyu tonlar, ana renginizin parlaklığını siyaha doğru azaltarak koyulaştırır; açık tonlar ise beyaza doğru artırarak aydınlatır. İkisi de aynı hue ve doygunluğu korur, bu yüzden hover durumları, kenarlıklar ve tek bir marka renginin arka plan katmanları için idealdir.
Bir web sitesi paletinde kaç renk olmalı?
Yaygın kural 60-30-10'dur: arayüzün yaklaşık %60'ı için baskın bir renk, %30'u için ikincil bir renk ve %10'u için bir vurgu rengi. Burada 3-5 renklik bir harmoniyle başlayın, ardından durumlar ve yüzeyler için her birinin koyu ve açık tonlarını ekleyin.
Palet neden gri veya siyah için neredeyse hiç değişmiyor?
Gri, siyah ve beyazın doygunluğu sıfırdır, yani harmoni dönüşlerinin etki edeceği bir hue yoktur; boş bir şeyi döndürmek yine aynı nötr sonucu verir. Bunun yerine parlaklık modlarıyla nötr bir merdiven oluşturun: siyah veya koyu grilerde açık tonlar, beyaz veya açık grilerde koyu tonlar, orta griler için ise monokromatik kullanın.