Softonic

Rastgele Renk Paleti Oluşturucu

Adım 1 / 4 Rastgele palet

Kullanışlı bir palet, birbiriyle ilgisiz rastgele renklerden daha fazlasını ister. Bu oluşturucu, seçtiğiniz canlı, pastel, yumuşak veya koyu stile göre 2 ile 15 arası kopyalamaya hazır HEX renk örneği üretir; UI vurguları, grafik renkleri, sosyal medya görselleri ve hızlı marka yönleri için fikir verir.

Rastgele palet nasıl oluşturulur

  1. 1

    Stil seçin

    Canlı stil cesur arayüzler için doygunluğu artırır, pastel renkleri açık tutar, yumuşak stil yoğunluğu azaltır, koyu stil daha derin tonlarda kalır.

  2. 2

    Renk sayısını belirleyin

    Grafikler, UI durumları veya moodboardlar için kompakt bir çift ya da 15 örneğe kadar daha büyük bir set oluşturun.

  3. 3

    Oluşturun veya seed değiştirin

    Funnel modunda aynı paleti tekrar üretebilmek için seed korunabilir; klasik oluşturucu ise her seferinde yeni bir set üretir.

  4. 4

    Çıktıyı kopyalayın

    Bir renk örneğine tıklayarak HEX kodunu kopyalayın veya tüm paleti HEX listesi ya da CSS custom properties olarak dışa aktarın.

Stil özeti

Stil En iyi kullanım Kontrol edin
Canlı Ürün arayüzleri, kampanya görselleri, net ayrım isteyen grafikler Aynı düzende tüm renkleri tam güçte kullanmayın
Pastel Sakin arka planlar, yumuşak illüstrasyonlar, nazik vurgu sistemleri Metin kontrastının yeterince güçlü kaldığından emin olun
Yumuşak Editoryal düzenler, panolar, olgun marka sistemleri Set fazla düz görünüyorsa daha belirgin bir vurgu ekleyin
Koyu Koyu arayüzler, veri görselleştirmeleri ve yüksek etkili bloklar Yayından önce açık renkli metni ve odak durumlarını test edin

Pratik ipuçları

  • Her renge bir rol verin. Bir UI paletinde genellikle baskın bir yüzey rengi, bir veya iki destek rengi ve az sayıda vurgu gerekir.
  • Kontrastı çift çift kontrol edin. Bir palet renk örneği olarak iyi görünebilir, ama üzerine metin geldiğinde başarısız olabilir. Yayına alacağınız gerçek ön plan ve arka plan eşleşmelerini test edin.
  • Tekrarlanabilirlik gerekiyorsa seed kullanın. Palet yaklaştıysa başka bir seed üretin; işe yararsa, daha sonra yeniden oluşturabilmek için seed değerini proje notlarına kaydedin.

İşte kullanılan formatlar

Oluşturucu HEX çıktısı verir çünkü bu format tasarım araçları, CSS ve dokümantasyon arasında kolay taşınır. HSL; hue, saturation ve lightness üzerinden düşünmek istediğinizde kullanışlıdır. Erişilebilir renk sistemleriyle çalışıyorsanız OKLCH öğrenmeye değerdir; lightness ve chroma hakkında algısal olarak daha dengeli düşünmeyi sağlar.

Sık Sorulan Sorular

Yalnızca rastgele hue seçmek yeterli değildir. Paletler; örneğin açık bir yüzey, orta tonda bir destek ve daha güçlü bir vurgu gibi rollere göre saturation ve lightness değiştiğinde daha kullanışlı olur.

Yumuşak veya pastel genellikle sunması en kolay seçeneklerdir; tipografi, fotoğraf ve boşluk için alan bırakırlar. Canlı paletler de işe yarayabilir, ancak daha fazla disiplin ister.

Evet: tek bir örneği HEX olarak, tüm paleti boşlukla ayrılmış HEX listesi olarak veya dışa aktarma adımından CSS custom properties bloğu olarak kopyalayabilirsiniz.

Hayır. Oluşturulan renkleri başlangıç noktası olarak kullanın ve yayından önce gerçek metin-arka plan çiftlerini WCAG kontrast önerilerine göre doğrulayın.

İlgili Araçlar

Renk Paleti Jeneratörü

Temel bir HEX renginden monokromatik, analog, tamamlayıcı, triadik veya tetradik paletler oluşturun ve kopyalamaya hazır CSS değişkenleri alın.

ASCII İkili Dönüştürücü

Herhangi bir ASCII dizesini ikili gösterimine dönüştürün. Her karakter sekiz bite dönüşür, boşlukla ayrılır ve protokol izine ya da ödeve yapıştırmaya hazırdır.

HEX Renk Seçici

HEX rengi seçin veya girin; RGB, HSL, yaklaşık CMYK, bağıl parlaklık ve beyaz-siyah kontrast oranlarını görün.

İkilik Tabandan ASCII'ye Dönüştürücü

İkilik veri yapıştırın (boşlukla ayrılmış baytlar veya uzun bir bit dizisi) ve temsil ettiği ASCII metni alın. 7 bit ve 8 bit kodlamaları destekler.

Boolean Cebiri Sadeleştirici

Karnaugh haritaları ve Quine-McCluskey algoritmasıyla Boolean ifadelerini sadeleştirin. Her minimisation adımını ve nihai SOP/POS formunu gösterir.

Base64 → Hex Dönüştürücü

Base64 stringini, alttaki byte'ları hexadecimal olarak ifade edecek biçime dönüştürün. Token, anahtar, sertifika ve JWT incelemek için kullanışlıdır.