Rastgele Renk Oluşturucu
24 bitlik sRGB aralığından yeni bir rastgele HEX renk kodu seti oluşturun. Kaç renk örneği gerektiğini seçin, her rengi anında önizleyin ve kodları CSS, tasarım notları, QA fixture verileri veya palet denemeleri için kopyalayın.
Rastgele HEX renkleri nasıl oluşturulur
-
1
Sayısı seçin
İncelemek istediğiniz renk örneği adedine göre 1 ile 50 arasında bir sayı girin.
-
2
Renk örneklerini oluşturun
Her sonuç, kırmızı, yeşil ve mavi kanal değerlerini taşıyan #RRGGBB biçiminde altı haneli bir HEX kodudur.
-
3
Kopyalayın ve test edin
Beğendiğiniz renkleri saklayın, metinle kullanmadan önce kontrastı kontrol edin ve RGB ya da HSL biçimine yalnızca iş akışınız gerektiriyorsa dönüştürün.
Oluşturucunun ürettiği şey
Her kod 24 bitlik bir sRGB rengini temsil eder: kırmızı için 8 bit, yeşil için 8 bit ve mavi için 8 bit. Bu, #000000 ile #FFFFFF arasında 16.777.216 olası HEX değeri demektir. Araç renk örneğini ve kodu gösterir; rengi adlandırmaz, sıralamaz veya okunabilirliğini garanti etmez.
HEX rengini okumak
| Bölüm | Anlam | Aralık |
|---|---|---|
# |
CSS renk işareti | Sabit önek |
RR |
Kırmızı kanal | 00 ile FF arası |
GG |
Yeşil kanal | 00 ile FF arası |
BB |
Mavi kanal | 00 ile FF arası |
Pratik kullanım alanları
- Kesin renk seçimi henüz belli değilken UI durumlarını, grafik vurgularını veya geçici görselleri denemek.
- Başlangıç paleti oluşturup çok benzer, çok koyu veya fazla dikkat çeken renkleri elemek.
- CSS, SVG, canvas ve tasarım sistemi örnekleri için test verisi üretmek.
Rastgele bir rengi yayında kullanmadan önce
Rastgele renk yalnızca bir başlangıç noktasıdır. Metin, düğme ve kontroller için rengi ön plan veya arka plan rengine karşı test edin. WCAG AA normal metin için 4,5:1, büyük metin için 3:1 kontrast oranı ister. Marka veya baskı çalışmaları için rengi kalibre edilmiş ekranlarda gözden geçirin ve baskı için ayrıca dönüştürün.
Sık Sorulan Sorular
Rastgele HEX tüm kanal değerlerini kapsar, bu yüzden birçok sonuç hazır bir palet rengi gibi görünmez. Daha geniş bir set oluşturun ve kullanım amacınıza uygun kontrast ve doygunluğa sahip örnekleri saklayın.
Bu araç birbirinden bağımsız rastgele renkler oluşturur. Daha bütünlüklü bir palet için palet oluşturucu kullanın veya aynı hue ailesinde kalarak daha açık ve daha koyu varyantları elle seçin.
Bu araçta seed kontrolü yoktur. Daha sonra yeniden kullanmak istediğiniz HEX kodlarını kopyalayarak saklayın.
Evet. Altı haneli #RRGGBB HEX değerleri standart CSS renk sözdizimidir ve color, background-color, kenarlıklar, degradeler ve SVG dolgularında çalışır.
Kontrast kontrolü yapmadan hayır. Rastgele bir renk örneği, özellikle küçük metinlerin veya ince yazı tiplerinin arkasında WCAG kontrast gereksinimlerini kolayca karşılamayabilir.
İlgili Araçlar
İ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.
BBCode HTML Dönüştürücü
BBCode'u (forum işaretlemesi) temiz HTML'e dönüştürün. Biçimlendirme etiketleri, listeler, alıntılar, kod, görseller, linkler ve tabloları işler.
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.
Binary'den Hex'e Dönüştürücü
Binary girdiyi sade büyük harfli hexadecimal değere dönüştürün. Binary olmayan karakterler yok sayılır ve baştaki sıfırlar korunmaz.
İkiliden Sekizliye Dönüştürücü
Bitleri üçer üçer gruplayarak ikiliyi sekizliye dönüştürün. Unix izinleri, eski sistemler ve kompakt sayısal gösterim için yararlıdır.
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.