Color Palette Generator
Generate color palettes
Generate color palettes Tarayıcınızda yerel olarak çalışır
Complementary
#4ecdc4
#cd4e57
Analogous
#4ecd85
#4ecdc4
#4e96cd
Triadic
#4ecdc4
#c44ecd
#cdc44e
Split complementary
#4ecdc4
#cd4e96
#cd854e
Tetradic
#4ecdc4
#844ecd
#cd4e57
#97cd4e
Tints (towards white)
c3eeeb
88ddd7
4cccc3
2d9f97
1c635e
Shades (towards black)
278b84
1f6f6a
18544f
103835
081c1a
#4ecdc4 #cd4e57 #4ecd85 #4e96cd #c44ecd #cdc44e #cd4e96 #cd854e #844ecd #97cd4e #c3eeeb #88ddd7 #4cccc3 #2d9f97 #1c635e #278b84 #1f6f6a #18544f #103835 #081c1a
About the
Renk Paleti Oluşturucu bir temel rengi alır ve ondan standart uyum şemalarını türetir: tamamlayıcı, benzer, üçlü, bölünmüş tamamlayıcı ve dörtlü, ayrıca beyaza doğru renk tonları ve siyaha doğru gölgeler. Armoniler, doygunluk ve açıklığı korurken renk tonu döndürülerek HSL'de hesaplanır; bu nedenle sonuçlar kaymak yerine tabanınızla ilişkili kalır. Rampa, çoğu paletin gerçekte ihtiyaç duyduğu kısımdır, çünkü çalışan bir arayüz, yalnızca tek bir vurgu rengine değil, fareyle üzerine gelme, aktif ve devre dışı durumlar için aynı tonda birden fazla değere ihtiyaç duyar.
Where people use the
- Tek bir marka rengi etrafında bir palet oluşturmak.
- Tek bir aksandan vurgulu, aktif ve devre dışı varyantlar üretmek.
- Kontrast kontrolünde başarısız olan bir rengin alternatiflerini araştırmak.
- Yüzeyler ve sınırlar için nötr bir rampa oluşturmak.
How to use the
- 1
Bir temel renk seçin
4ECDC4 gibi bir onaltılık değer girin veya seçiciyi kullanın. Geriye kalan her şey bu tek renkten türetilmiştir.
- 2
Uyum şemalarını okuyun
Her şema farklı bir renk tonu rotasyonudur. Tamamlayıcı 180 derece, üçlü 120 ve 240 vb.
- 3
Renk tonu ve gölge rampasını kullanın
Beyaza doğru beş renk tonu ve siyaha doğru beş renk tonu size gerçek bir arayüzde ihtiyaç duyacağınız durumları ve yükselmeleri verir.
- 4
Değerleri kopyalayın
Oluşturulan onaltılık değerlerin tam listesi tek bir bloktadır ve bir stil sayfasına veya tasarım belirteci dosyasına yapıştırılmaya hazırdır.
- 5
Göndermeden önce kontrastı kontrol edin
Paletteki herhangi bir metin ve arka plan çiftini Kontrast Denetleyicisi aracılığıyla çalıştırın. Uyumlu, okunabilir ile aynı şey değildir.
İpuçları ve en iyi uygulamalar
- Markadan temel rengi seçin, ardından yalnızca durumlara göre açıklığı ayarlayın.
- Fark edilmesini istediğiniz bir eylem için tamamlayıcı rengi ayırın.
- Son eşleştirmeyi daima göndermeden önce bir kontrast kontrolünden geçirin.
Sık sorulan sorular
Şemalar arasındaki fark nedir?
Tamamlayıcı, en güçlü kontrastı veren ve harekete geçirici mesaja uygun olan zıt renk tonunu kullanır. Analog, her iki tarafta 30 derecelik komşuları kullanır, bu da sakin ve güvenlidir. Triadic, üç tonu eşit şekilde yayar; bu da canlı ve kontrol edilmesi daha zordur. Bölünmüş tamamlayıcı, karşıt tarafın her iki tarafındaki iki tonu kullanarak tamamlayıcı çatışmayı yumuşatır. Tetradic, karmaşık gösterge tablolarına uygun şekilde dik açılarda dört renk tonu kullanır.
Oluşturulan renkler neden aynı doygunluğu ve açıklığı paylaşıyor?
Çünkü yalnızca renk tonunu döndürmek, onları tanınabilir şekilde ilişkili tutan şeydir. Aynı zamanda değişen hafiflik, ilgisiz görünen renkler üretir ve bu da paletin amacını boşa çıkarır.
Renk tonları yalnızca beyazla karıştırılmış renk mi?
Etkili bir şekilde evet, ancak HSL'de renk tonu ve doygunluğu korurken açıklığı artırarak hesaplanır. Bu, renk tonunu sabit tutarken RGB'deki saf karışım griye doğru sürüklenir.
Palette kaç renk olmalı?
Çoğu arayüz için iki veya üç renk artı nötr bir rampa yeterlidir. Beş doygun renk tonuna sahip bir şemanın tutarlı bir şekilde kullanılması zordur ve genellikle tesadüfi bir görünümle sonuçlanır.
Erişilebilirliği kontrol ediyor mu?
Hayır, yalnızca renk üretir. Metin için kullanmayı düşündüğünüz herhangi bir eşleştirmede Kontrast Denetleyicisini kullanın.