Rastgele Renk Üretici

Nasıl çalışır?

Sol panele kaç renk istediğinizi yazın; örneğin 6 yazdığınızda sağ panelde altı satır çıkar ve her satır aynı rengin üç yazımını taşır: #D4F4BE · rgb(212, 244, 190) · hsl(95, 70%, 85%) gibi. Çıktının altında her rengin canlı kutusu çizilir; kutunun altındaki etiket, satırdaki HEX koduyla birebir aynıdır, böylece beğendiğiniz kutunun kodunu hemen bulursunuz. Ton ayarı renklerin nerede duracağını belirler: Pastel açık ve yumuşak tonlar, Canlı parlak ve doygun tonlar, Koyu derin tonlar verir; Hepsi ise ekranda gösterilebilen 16,7 milyon rengin her birine eşit şans tanır. Ton seçiliyken ardışık renkler renk çemberinde altın açı kadar (137,5 derece) aralanır, bu yüzden aynı paletteki renkler birbirine benzemez. Her ayar değişikliğinde renkler yeniden çekilir; aynı sayıyı silip yeniden yazmak da yeni bir palet verir. Seçtiğiniz renklerin yazıyla okunabilirliğini sınamak için HEX kodunu Renk Kontrast Denetleyici aracına yapıştırabilirsiniz.

Bu araç rastgele renk, random color generator, rastgele hex kodu aramalarıyla da biliniyor.

HSL nedir?

HSL, rengi üç sayıyla anlatan bir modeldir: H (hue, ton) renk çemberindeki açıdır, 0 kırmızı, 120 yeşil, 240 mavidir; S (saturation, doygunluk) rengin ne kadar canlı ya da gri olduğunu yüzde olarak verir; L (lightness, açıklık) yüzde 0'da siyah, yüzde 100'de beyazdır. İnsanın renk düşünme biçimine RGB'den daha yakın olduğu için "daha açık", "daha soluk" gibi ayarlar tek sayıyla yapılır.

HEX renk kodu nedir?

HEX renk kodu, bir ekran renginin kırmızı, yeşil ve mavi kanallarını iki haneli onaltılık sayılarla yan yana yazar: #D4F4BE'de D4 kırmızı (212), F4 yeşil (244), BE mavi (190) değeridir. Her kanal 0-255 arasında olduğu için toplam 256 × 256 × 256 = 16.777.216 renk yazılabilir. CSS'te, tasarım programlarında ve marka kılavuzlarında en yaygın renk yazımıdır.

RGB ile HSL arasındaki fark nedir?

İkisi de aynı ekran renklerini anlatır, yalnız eksenleri farklıdır. RGB rengi ekranın üç ışık kanalıyla, kırmızı, yeşil ve mavinin ne kadar yandığıyla yazar; cihazın gerçekte yaptığı budur ama "bu rengin biraz daha açığı" demek üç sayıyı birden değiştirmeyi gerektirir. HSL ise aynı rengi ton, doygunluk ve açıklık olarak yazar; açığını istemek yalnız L değerini artırmaktır. Bu araç ton sınırlarını HSL'de uygular, ekran için RGB ve HEX karşılığını hesaplar.

Rastgele renk neden çoğu zaman "çamurlu" çıkar?

Kırmızı, yeşil ve mavi kanallarını ayrı ayrı rastgele seçmek teknik olarak en adil yoldur ama gözün hoş bulduğu renkleri vermez: üretilen renklerin büyük kısmı orta doygunlukta, grimsi ve kahverengimsi tonlardır. Hepsi seçeneği bilerek böyle çalışır; test verisi, yer tutucu ya da gerçekten her rengin eşit şansla gelmesi gereken durumlar içindir.

Tasarımda kullanılacak renkler için HSL uzayında sınır koymak daha iyi sonuç verir. HSL rengi ton (H, 0-360 derece), doygunluk (S) ve açıklık (L) olarak ayırır; açıklığı yüzde 75-90 arasına, doygunluğu yüzde 40-70 arasına sıkıştırdığınızda çıkan her renk pastel olur. Araçtaki üç ton seçeneği tam olarak bu sınırları uygular ve sınırlar sonuç satırında yazılıdır.

Hangi yazımı nerede kullanmalı?

HEX (#D4F4BE) en kısa yazımdır; CSS, tasarım programları ve çoğu renk kutusu doğrudan kabul eder. rgb() yazımı kanalları ondalık verir ve saydamlık eklemek istediğinizde rgba() hâline kolayca döner. hsl() ise bir rengi elle ayarlamak için en rahatıdır: aynı tonun daha açığını istiyorsanız yalnız son sayıyı büyütürsünüz.

Rastgele bir paleti arayüzde kullanacaksanız yazı rengini de düşünün: pastel ve açık renklerin üstünde beyaz yazı okunmaz, koyu renklerin üstünde siyah yazı okunmaz. Bu aracın ürettiği bir HEX'i Renk Kontrast Denetleyici aracına yapıştırarak WCAG okunabilirlik oranını ölçebilirsiniz.

Sık sorulanlar

Rastgele renk kodu nasıl üretilir?

Sol panele kaç renk istediğinizi yazın, tonu seçin; renkler HEX, RGB ve HSL kodlarıyla sağ panelde, canlı kutularıyla altında görünür. Yeni renkler için ayarı değiştirin ya da sayıyı yeniden yazın.

Pastel renk kodları nasıl bulunur?

Ton ayarını Pastel yapın. Araç yalnız açıklığı yüzde 75-90, doygunluğu yüzde 40-70 arasında kalan renkleri üretir; bu aralık açık, yumuşak ve pastel görünen renklerdir. Her rengin HSL değeri satırda yazılı olduğu için sınırı kendiniz de görebilirsiniz.

Aynı renkler bir daha çıkar mı?

Hepsi seçeneğinde 16.777.216 renk vardır ve her biri eşit şansla gelir; aynı rengin iki kez çıkma olasılığı çok düşüktür. Ton seçeneklerinde renk sayısı daha azdır ama ardışık renkler çemberde aralanarak çekildiği için tek palette benzer renk nadirdir. Beğendiğiniz paleti kaybetmemek için İndir ile .txt olarak kaydedin.

Renkler nasıl rastgele seçiliyor?

Tarayıcının şifreleme için kullandığı güvenli rastgele sayı kaynağı (crypto.getRandomValues) kullanılır ve sayılar modulo sapması olmadan aralığa indirilir. Yani hiçbir renk ya da ton ötekilerden daha sık gelmez.