Rastgele Renk Paleti
Tek tıkla güzel rastgele renk paletleri oluşturun; kopyalamak için herhangi bir renge tıklayın. Ücretsiz.
Nasıl kullanılır
- Oluştur düğmesine tıklayın (veya yeni rastgele renk döndürmek için düğmeye tekrar tekrar basın).
- HEX, RGB ve HSL değerleriyle renk önizlemesinin ekranı doldurduğunu görün.
- CSS veya tasarım araçlarında kullanmak üzere herhangi bir değere tıklayarak doğrudan panonuza kopyalayın.
- Beğendiğiniz renkleri kilitleyin ve palet oluşturmak için oluşturmaya devam edin, ardından listeyi dışa aktarın.
Sıkça Sorulan Sorular
Gerçekten ücretsiz mi?
Evet — bu sitedeki her araç, sınırsız, kayıtsız ve filigransız %100 ücretsizdir.
Verilerim gizli mi?
Kesinlikle. Tüm işlemler tarayıcınızda yerel olarak yapılır. Dosyalarınız hiçbir sunucuya yüklenmez.
Rastgelelik nasıl üretilir?
Renkler, tarayıcınızdaki kriptografik olarak güvenli rastgele sayı üreteciyle (crypto.getRandomValues) seçilir; bu nedenle 16,7 milyon olası renkten her biri eşit şansa sahiptir — kalıp yok ve tekrar yanlılığı yok.
HEX, RGB ve HSL ne anlama gelir?
HEX (#FF5733), CSS için web standardıdır. RGB (255, 87, 51), kırmızı/yeşil/mavi kanal değerlerini verir. HSL (11°, %100, %60) tonu, doygunluğu ve açıklığı tanımlar — ve tasarımcılar tonları ayarlamak için genellikle HSL'yi tercih eder.
Yalnızca belirli türde renkler alabilir miyim?
Filtreleri kullanın: yumuşak arayüz arka planları için pastel renkler, cesur vurgular için parlak renkler ve karanlık temalar için koyu renkler. Filtreleme, 16,7 milyon renk arasından seçmek yerine rastgele aralığı daraltır.
İki rengin birlikte çalışıp çalışmadığını nasıl denetlerim?
Birkaç aday oluşturun, ardından metin okunabilirliği için kontrast oranlarını denetleyin (WCAG'ye göre normal metin için en az 4,5:1). Tamamlayıcı renkler renk çemberinde birbirinin karşısındadır; benzer komşular daha sakindir.
Rastgele Renk Oluşturucu — Tam Kılavuz
Boş bir palete bakıp hangi rengi seçeceğinizi bilmemek, tasarımcıların evrensel sorunudur. Ve bu rastgele renk oluşturucu tıkanıklığı kırar: tek tık size kopyalamaya hazır kodlarla gerçek rastgele renk verir ve “yalnızca pastel” gibi kısıtlamalar rastgeleliği yararlı tutar.
Renk kodlarını anlamak
- HEX (#3A86FF): Altı onaltılık basamak — CSS'de web'in ortak dili. Stil sayfalarına ve Figma veya Canva'ya doğrudan kopyalayıp yapıştırın.
- RGB (58, 134, 255): Ne kadar kırmızı, yeşil ve mavi ışık karıştırılır. Her ekran renginin temeli.
- HSL (217°, %100, %62): Ton (çemberdeki yer), doygunluk (yoğunluk) ve açıklık. İnsanlar için ayarlaması en kolay model — daha koyu mu istiyorsunuz? Açıklığı azaltın.
Pratik kullanım durumları
- Web tasarımı: Düğmeler, bağlantılar ve vurgular için bilinçli olarak seçmeyeceğiniz vurgu renklerini keşfedin.
- Marka arayışı: Hızla düzinelerce aday oluşturun, ilginç olanları eleyin, sonra iyileştirin.
- Veri görselleştirme: Her serinin kendi tanınabilir rengine ihtiyaç duyduğu grafikler için öne çıkan paletler oluşturun.
- Yaratıcı kodlama ve oyunlar: Parçacık efektlerini, avatarları veya üretken sanatı düzenli rastgelelikle rastgeleleştirin.
- CSS gradyanları: İki rastgele renk alın ve anında arka planlar için doğrusal gradyana yerleştirin.
Rastgele renklerle profesyonel çalışmak
- Aralığı sınırlayın: Sınırsız rastgelelik genellikle çamur gibi kahverengiler üretir. Pastel, parlak veya koyu filtreler çok daha kullanılabilir sonuçlar verir.
- Kontrastı denetleyin: Metin okunamıyorsa güzelliğin anlamı yoktur. Normal metin için WCAG AA kontrastını (4,5:1) hedefleyin.
- Paletler oluşturun: Sevdiğiniz bir rengi kilitleyin, sonra eşlikçiler oluşturun. Kilitle ve döndür iş akışı tam olarak bu nedenle icat edildi.
- Kodları not edin: HEX değerlerini hemen tasarım sisteminize kopyalayın — yoksa “o ilk güzel mavi” sonsuza kadar kaybolur.
Renk psikolojisine hızlı başvuru
Mavi güven ve sakinlik çağrıştırır (bankalar ve sağlık hizmetleri); kırmızı aciliyet ve iştah yaratır (satışlar ve yiyecek); yeşil büyüme ve çevre dostluğu çağrıştırır; mor yaratıcı ve lüks görünür; sarı dikkat çeker ancak büyük alanlarda gözleri yorar. Keşif için rastgele oluşturmayı kullanın, sonra son seçim için psikolojiyi uygulayın.
Erişilebilirlik hatırlatması
Yaklaşık her 12 erkekten 1'i bir tür renk görme eksikliği yaşar. Anlam iletmek için asla yalnızca renge güvenmeyin — etiketler, simgeler veya desenlerle birleştirin ve göndermeden önce paletleri renk körlüğü simülatöründen test edin.