Renk araçları

Renk Tonları Oluşturucu

Belirlediğiniz HEX renk kodundan açık ve koyu renk tonu geçişleri üretin, adım sayısını ve ton gruplarını kolayca özelleştirin.

Aracı çalıştır

Renk Tonları Oluşturucu, seçtiğiniz bir temel renkten hem açık hem de koyu renk varyasyonları hazırlayan çevrim içi bir araçtır. Web sayfaları, kullanıcı arayüzü bileşenleri, düğme durumları veya tema paletlerinde ihtiyaç duyulan ton geçişlerini pratik biçimde oluşturmanıza yardımcı olur. Araç varsayılan olarak #3498db rengiyle ve 10 adımlık geçişle çalışır. Dilerseniz renk seçiciden seçim yapabilir veya üç haneli ya da altı haneli onaltılık (HEX) renk kodları yazabilirsiniz. Başında kare işareti bulunmayan girdiler otomatik olarak tamamlanır; üç haneli kodlar ise basamakları yinelenerek altı haneli tam formata genişletilir. Açık tonlar ve koyu tonlar bağımsız onay kutuları üzerinden yönetilir. Tasarım projenize göre yalnızca açık tonları, yalnızca koyu tonları ya da her iki grubu birlikte üretebilirsiniz. Belirlediğiniz pozitif adım sayısı kadar renk kodu sırayla türetilir; her kanal değeri 0 ile 255 aralığına yuvarlanarak standart HEX formatında sunulur. Geçersiz bir renk değeri girildiğinde sonuç alanında ilgili uyarı bildirimi yer alır.

Kullanım

  1. Renk alanına altı veya üç haneli bir HEX renk kodu yazın ya da renk seçiciden bir renk belirleyin.
  2. Adım alanına üretmek istediğiniz ton miktarını pozitif bir tam sayı olarak girin.
  3. İhtiyacınıza göre açık tonlar ve koyu tonlar onay kutularını işaretleyin veya işaretlerini kaldırın.
  4. İşlemi başlatın ve oluşturulan renk paleti listesini inceleyin.

Örnekler

  • #e74c3c rengi ve 5 adım seçildiğinde 5 adet açık kırmızı tonu ile 5 adet koyulaşan kırmızı tonu HEX formatında listelenir.
  • #333 gibi 3 haneli bir renk kodu girildiğinde değer #333333 olarak genişletilir ve belirlenen adım sayısı kadar ton üretilir.

SSS

Renk kodunun başına kare işareti koymak zorunlu mu?

Hayır. Rengi kare işareti olmadan yazsanız bile araç işleme başlamadan önce bu işareti otomatik olarak ekler.

Üç haneli HEX kodları desteklenir mi?

Evet. Üç basamaklı kodlar her basamağın yinelenmesiyle altı basamaklı tam koda dönüştürülür.

Yalnızca koyu tonları veya yalnızca açık tonları alabilir miyim?

Evet. İlgili onay kutularından istemediğiniz ton grubunun işaretini kaldırarak sadece ihtiyacınız olan listeyi alabilirsiniz.

Geçersiz bir renk formatı yazıldığında ne olur?

Renk kodu çözümlenemediğinde sonuç panelinde bir hata uyarısı gösterilir.

Bu aracı sitenize ekleyin

Aşağıdaki kodla çalışan SmartPlusLab aracını web sitenize ekleyin.