Rastgele renk üretici
Tasarım ve kod için rastgele renkler ve kodlar.
Kopyalamak için bir koda tıkla. Yeniden ürettiğinde bir rengi korumak için kilide tıkla.
- HEX, RGB veya HSL kodu
- Pastel ve koyu paletler
- Rengi kilitle, kalanı çevir
Rastgele renk nasıl üretilir
- Kaç renk istediğini ayarla ve bir kod formatı seç.
- Rastgele, pastel veya koyu bir palet seç.
- Kodunu kopyalamak için bir renge tıkla, ya da daha fazla üretmeden önce kilitle.
HEX, RGB ve HSL karşılaştırması
Üç format da tam olarak aynı rengi tanımlar. Hangisine ihtiyacın olduğu onu nereye yapıştıracağına bağlıdır.
| Format | Böyle görünür | En iyi kullanım |
|---|---|---|
| HEX | #3B82F6 | CSS, tasarım araçları, hızlı paylaşım |
| RGB | rgb(59, 130, 246) | CSS, renkleri karıştıran veya geçişleyen kod |
| HSL | hsl(217, 91%, 60%) | Bir rengi elle ayarlamak: önce ton, sonra ne kadar canlı, sonra ne kadar açık |
HSL genelde kendi başına ayarlaması en kolay olanıdır, çünkü parlaklık sayısını kaydırmak aynı tonu korurken açar veya koyulaştırır, HEX ve RGB'nin gözle yapması zor olduğu bir şey.
Sayılarla rastgele, pastel ve koyu
Her mod, sadece tonu değiştirmek yerine renk çemberinin farklı bir dilimini seçer.
| Mod | Doygunluk aralığı | Parlaklık aralığı |
|---|---|---|
| Rastgele | %40 ile %100 | %25 ile %75 |
| Pastel | %35 ile %60 | %75 ile %88 |
| Koyu | %35 ile %70 | %12 ile %28 |
Ton her modda tam 0 ile 359 aralığından seçilir, bu yüzden pastel ve koyu yine her renk ailesini kapsar, sadece daha açık veya daha koyu halleriyle.
İnsanlar rastgele renkleri ne için kullanıyor
- Bir marka veya tema rengi seçerken takılıp kaldığında hızlı tasarım ilhamı.
- Gerçek bir palet seçilmeden önce tel çerçeveler, grafikler ve arayüz taslakları için yer tutucu renkler.
- Bir uygulamada avatar arka planları, etiketler veya kategori renkleri üretmek.
- Günlük bir çizim için rastgele bir renk teması gibi sanat ve el işi projeleri.
Rastgele renk üretici SSS
Paletler arasındaki fark ne?
Rastgele, renk çemberinin tamamını kapsar. Pastel, yumuşak arka planlar için parlaklığı ve doygunluğu düşük tutar. Koyu ise koyu temalar ve kontrastlı metin için parlaklığı düşük tutar.
Beğendiğim bir rengi nasıl saklarım?
Bir örnek üzerindeki kilit simgesine tıkla. Kilitli örnekler bir sonraki üretimde rengini korur, böylece sadece kalanları yeniden çevirebilirsin.
HEX, RGB ve HSL arasındaki fark ne?
HEX ve RGB bir rengi kırmızı, yeşil ve mavi miktarlarıyla tanımlar. HSL ise ton, doygunluk ve parlaklıkla tanımlar, bu da genelde elle ayarlamayı kolaylaştırır.
Bir renk kodunu nasıl kopyalarım?
Herhangi bir örneğin altındaki kod metnine tıkla, anında panoya kopyalanır.
Paletler gerçekte hangi aralıkları kullanıyor?
Rastgele, doygunluğu yüzde 40 ile 100 ve parlaklığı yüzde 25 ile 75 arasında olan herhangi bir tonu seçer. Pastel, parlaklığı yüzde 75 ile 88 arasına daraltır. Koyu ise parlaklığı yüzde 12 ile 28 arasına daraltır, renklerin donuklaşmaması için doygunluğu yüzde 35 ile 70 arasında tutar.
İki rastgele renk birbirine yakışır mı?
Bazen. Bu araç çeşitlilik ve ilham için renkleri bağımsız seçer, uyumlu bir palet oluşturmaz. Kesinlikle birbirine uyan renkler için birkaç tane üret, beğendiklerini kilitle ve set doğru hissedene kadar kalanları yeniden çevir.
Bir set yerine tek bir renk üretebilir miyim?
Evet, sayıyı 1'e ayarla ve seçtiğin formatta tek bir rastgele renk için Üret'e tıkla.
Bir HEX veya RGB kodunu aldıktan sonra nerede kullanabilirim?
Bir HEX kodunu doğrudan CSS'e, Figma'ya, Photoshop'a veya hemen hemen her tasarım aracına yapıştır. RGB ve HSL değerleri de rgb() ve hsl() gibi CSS fonksiyonlarında aynı şekilde çalışır.