Rastgele Renk Üretici

Rastgele renk üretici ne yapar

Oluştur düğmesine her basışta rastgele yeni bir renk seçilir ve kodu üç biçimde gösterilir: HEX, RGB ve HSL. Palet modu aynı anda beş renk verir; beğendiklerini kilitle, set uygun hissettirene kadar gerisini yenile.

Her rengin yanında bir kontrast denetimi bulunur. Beyaz ve siyah metnin o rengin üstünde ne kadar okunaklı olacağını, web erişilebilirlik yönergelerinin (WCAG) kullandığı kontrast oranıyla gösterir.

Nasıl kullanılır

Oluştur düğmesine bas (ya da Boşluk tuşuna) ve yeni bir rastgele renk al.
İhtiyacın olan değeri kopyala. #3A7BD5 gibi HEX kodları çoğu tasarım aracına ve web sayfasına uyar, RGB kırmızı, yeşil ve mavi bölümlerini listeler, HSL ise ton, doygunluk ve açıklığı tanımlar.
Beş rengi yan yana görmek için palet moduna geç.
Tutmak istediğin rengi kilitle. Tekrar oluşturduğunda yalnızca kilitli olmayan renkler değişir.
Kontrastı kontrol et. Her renk, beyaz ve siyah metne karşı oranını gösterir; böylece hangisinin okunmasının daha kolay olduğunu bir bakışta görürsün.

Renk paleti üretecini kullanma yolları

Tasarım projeleri

Bir poster, sunum, web sitesi ya da davetiye için renk düzeninde mi takıldın? Bir palet oluştur, doğru hissettiren bir iki rengi kilitle ve gerisi yerine oturana kadar yenilemeye devam et.

Sanat ve illüstrasyon alıştırması

Kendine bir meydan okuma ver: yalnızca ekrandaki beş renkle bir şey boya ya da çiz. Rastgele sınırlar seni karıştırmaya, katmanlamaya ve bilerek seçmeyeceğin kombinasyonları denemeye iter.

Kodlama ve test

Rastgele bir hex renk; geçici arka planlar, test verileri ve hızlı tema denemeleri için kullanışlıdır. Kodu doğrudan stil dosyana kopyala.

El işi ve ev fikirleri

Örgü, yorgan, kart yapımı ve bir odayı boyamak hep bir renk seçimiyle başlar. Paleti başlangıç noktası olarak kullan, sonra elindeki malzemelere göre ayarla.

Sınıfta renk dersleri

Öğrencilere HEX, RGB ve HSL'nin aynı rengi farklı biçimlerde nasıl tanımladığını göster. Kontrast denetimi, bazı metinlerin belirli arka planlarda neden zor okunduğunu açıklamanın basit bir yoludur.

Renklerle çalışma ipuçları

Bir HEX kodunu ikili gruplar halinde oku. # işaretinden sonraki altı karakter; kırmızı, yeşil ve mavi için üç çifttir ve her biri 00 (hiç) ile FF (tam) arasındadır.
Daha açık ya da koyu sürümler için HSL kullan. Tonu aynı tut ve açıklığı değiştir; kendi tasarım aracında bir rengin açık ve koyu tonlarını elde edersin.
İyi kontrast hedefle. WCAG AA normal metin için en az 4,5:1, büyük metin için 3:1 oran ister.
Önce kilitle, sonra yenile. Zaten çok sevdiğin bir renk varsa onu kilitle ve diğerlerini üreticinin önermesine izin ver.
Ekran ve kâğıt farklıdır. Renkler baskıda farklı görünebilir; büyük bir baskıdan önce bir örnek dene.
Sanat fikirleri de mi lazım? Paleti rastgele resim üreteci ya da çizilecek şeyler listesiyle eşle.

Sorular

Rastgele hex renk nasıl alırım?

Oluştur düğmesine bas; HEX kodu yeni rengin yanında, RGB ve HSL değerleriyle birlikte, kopyalamaya hazır görünür.

HEX, RGB ve HSL arasındaki fark nedir?

Aynı rengi yazmanın üç yoludur. HEX ve RGB ikisi de kırmızı, yeşil ve mavi miktarlarını listeler; HSL ise tonu, ne kadar güçlü olduğunu ve ne kadar açık olduğunu tanımlar.

Komple bir renk paleti yapabilir miyim?

Evet. Palet modu aynı anda beş renk gösterir. Tutmak istediklerini kilitle ve yalnızca diğerlerini değiştirmek için tekrar oluştur.

Kontrast denetimi ne anlama geliyor?

Rengin beyaz ya da siyah metinle arasındaki kontrast oranını gösterir. Daha yüksek oran, metnin daha kolay okunması demektir; normal metin için olağan hedef 4,5:1 veya daha fazlasıdır.

Renkleri kendi projelerimde kullanabilir miyim?

Evet. Herhangi bir kodu kopyala ve renk kodu kabul eden bir tasarım aracına, stil dosyasına ya da uygulamaya yapıştır.