Araçlarım

Rastgele renk oluşturucu

Rastgele bir renk sizi bekliyor — sıradaki için Space'e basın, HEX, RGB veya HSL'yi tek tıkla kopyalayın.

Nasıl kullanılır

  1. Sayfa açıldığında bir renk ekranda hazır — ilk sonuç için tıklamanıza gerek yok.
  2. Sıradaki renk için Space'e (veya “Oluştur”a) basın. Farklı bir rastgelelik istiyorsanız önce stil seçin: “Dengeli” kullanılabilir orta aralıkta kalır, “Serbest” tüm HSL uzayını yoklar, “Canlı” vurgulara, “Pastel” yumuşak arka planlara yönelir.
  3. HEX, RGB veya HSL'yi kendi düğmesiyle kopyalayın — ya da büyük örneğe tıklayıp HEX'i alın. “Üçünü de kopyala” her biçimi panoya koyar, satır başına bir değer.

Örnek

Ayarlar

“Dengeli” stili

Olası sonuçlardan biri

HEX #A5B3C0
RGB rgb(165, 179, 192)
HSL hsl(210, 18%, 70%)

Değerler rastgele olduğundan bunların aynısını asla görmeyeceksiniz — biçime bakın: HEX, # artı altı altılık hane; RGB, 0–255 aralığında üç tam sayı; HSL, derece cinsinden bir ton artı iki yüzde. Örnekteki Aa rozetleri, siyah ve beyaz metnin rengin üzerinde nasıl okunduğunu gösterir (WCAG kontrastı; 21:1 en iyisi, 1:1 görünmez).

Kapsam, sınırlar ve sık sorulan sorular

  • Yalnızca opak renkler: alpha ve 8 haneli HEX yok. Saydamlık için değeri renk dönüştürücüye yapıştırın.
  • Üç biçim: HEX, RGB ve HSL. HSV, CMYK ve diğer renk uzayları renk dönüştürücünün işi.
  • “Dengeli”, “Canlı” ve “Pastel”, HSL uzayında elle seçilmiş kullanılabilir aralıklardır — matematiksel olarak yeknesak seçim bilinçli olarak değildir. Tüm HSL uzayında yeknesak bir yoklama için “Serbest”i seçin; bulanık griler ve beyaza yakın tonlar bu işin doğasında var.
  • Rastgelelik tarayıcınızın crypto.getRandomValues değerinden gelir — kriptografik olarak güçlüdür, ama atmosferik gürültüye dayalı “gerçek rastgele” hizmeti değildir.
  • Son renkler şeridi yalnızca bu ziyarette yaşar: sayfa yenilenince temizlenir. Hiçbir şey yüklenmez, saklanmaz veya URL'ye konmaz; paylaşım düğmesi yalnızca sayfa bağlantısını paylaşır.
  • Aa rozetleri rengi yalnızca siyah metinle ve beyaz metinle karşılaştırır (WCAG 2.x bağıl parlaklık). Başka metin renkleri, katmanlar ve renk yönetimi kapsam dışıdır.
  • Yuvarlama gösterim düzeyindedir: aynı rengi HEX ile HSL arasında dönüştürmek bir kanalı 1 kaydırabilir.

Renk elinize geçtikten sonra kullanıcıların genellikle sıradaki ihtiyacı.

Renk dönüştürücü

Renk şeması oluşturucu