Renk paleti oluşturucu

Bir başlangıç rengi seçin, araç geri kalanını renk çemberine göre hesaplasın. Kodunu kopyalamak için herhangi bir karenin üstüne tıklayın ya da bir fotoğraf bırakıp paleti doğrudan oradan alın.

Şema

Kodu kopyalamak için bir renge tıklayın

    Fotoğraftan palet

    Fotoğraf cihazınızdan çıkmaz: tarayıcı onu doğrudan okur.

      Nasıl kullanılır

      1. Bir renk kodu yazın veya seçiciyi açın: siz seçerken palet yeniden çizilir.
      2. Şemayı değiştirin: tamamlayıcı renk çemberin tam karşısında durur, üçlü şema çemberi üçe böler.
      3. Kodu kopyalamak için bir kareye tıklayın ya da bütün seti CSS değişkenleri olarak kopyalayın.
      4. Renkleri bir fotoğraftan almak için bir görsel seçin: dosya sizin cihazınızda okunur.

      Bilmekte fayda var

      Açılar nereden geliyor

      Bir renk şeması zevk meselesi değil, renk çemberi üzerindeki geometri meselesidir. Tamamlayıcı renk tam karşıda, 180°’de durur; üçlü şema çemberi 120°’lik üç eşit parçaya böler; komşu renkler otuz derecelik bir aralıkta yan yana durur. Araç, doygunluğu ve açıklığı koruyarak yalnızca renk tonunu döndürür, böylece eşlikçi renkler başladığınız renk kadar canlı ve kadar derin kalır.

      Bir fotoğraf neden çamur değil de gerçek renkler veriyor

      En sık geçen pikselleri saymak bir fotoğrafta işe yaramaz: tek başına gökyüzü, her biri bir kez görünen bir milyon farklı mavi barındırır. Bu araç renk uzayını en geniş kanalı boyunca ikiye böler ve yeterli sayıda kutu oluşana dek bunu yineler; böylece set, ortalama tek bir kahverengi yerine gökyüzünü, yüzü ve gölgeyi ayrı ayrı tutar.

      Kaynaklar

      Sık sorulan sorular

      Bir web sitesi için hangi şemayı almalıyım?

      Güvenli olanlar tek renkli ve komşu şemalardır: sayfayı sakin tutar, dikkat için birbiriyle yarışmazlar. Tamamlayıcı rengi ise fark edilmesi gereken tek öğe için ayırın: bir düğme, bir rozet, bir uyarı.

      Paleti kodda nasıl kullanırım?

      Karelerin altındaki CSS değişkenleri bloğunu kopyalayıp stil dosyanıza yapıştırın. Adlar --color-1 … --color-6 biçiminde çıkar, bu da başkasının projesinde bir dizi onaltılık koddan çok daha okunaklıdır.

      Fotoğrafım bir yere yükleniyor mu?

      Hayır. Görsel sayfanın içinde çözülür ve renkler sayılmadan önce 160 piksele küçültülür: cihazdan hiçbir şey çıkmaz, yanıt da anında gelir.

      Ton sırası neden siyahla bitmiyor?

      Saf siyah ve saf beyaz bilgi taşımaz; onları herkes bilir ve bir palette yalnızca yer kaplarlar. Sıra, uçtan az önce durur, böylece her kare hâlâ kullanılabilir bir renk olur.

      İlgili araçlar