Tailwind renk paleti oluşturucu

 (tints.dev)
5 puan yazan GN⁺ 2024-02-03 | 1 yorum | WhatsApp'ta paylaş

Renk paletinin özellikleri ve kullanım şekli

  • Renk paletinin adı "NameValueOpen Color Picker" olup varsayılan renk değeri 500'dür.
  • Bu paletin URL'sini panoya kopyalama veya API URL'sini açma işlevi sunulur.
  • Renk grafiğini gösterme ve belirli bir renk olan 'blue'yu silme işlevleri bulunur.
  • Renklerin doygunluğunu (Saturation), açıklığını (Lightness), maksimum açıklığını (Maximum Lightness), minimum açıklığını (Minimum Lightness) ve Lu'yu (ışık parlaklığı, Luminance) ayarlayabilen açma/kapatma anahtarları vardır.
  • Lightness, 50 ile 950 arasında bir aralığa sahiptir; bu sayede kullanıcı paletin açıklık düzeyini ayarlayabilir.

GN⁺ görüşü:

  • Bu yazı, renk paleti düzenleme özelliklerini tanıtıyor ve tasarımcılar ya da geliştiriciler için faydalı bilgiler sunuyor.
  • Kullanıcının renkleri ince ayarlayabilmesi için çeşitli araçlar sunulması önemli bir nokta.
  • Renk ayarlama işlevleri, web sitesi veya uygulama UI/UX tasarımında temel unsurlardan biri olduğundan, bu tür araçları anlamak tasarım kalitesini artırmaya yardımcı olur.

İlgili okumalar

1 yorum

 
GN⁺ 2024-02-03
Hacker News görüşleri

  • Renk kombinasyonlarının erişilebilirliğini yalnızca renk adlarına bakarak anlaşılır kılan, erişilebilirliği gözeten bir tasarım sistemi kullanan araçlar geliştirmeye ilgi var.

    Örneğin USWDS tasarım sistemi kullanıldığında, blue-30 ile gray-80 kombinasyonunun WCAG AA standardını karşılayıp karşılamadığı renk değerleri arasındaki farktan anlaşılabiliyor.

  • Renklerle oynamayı sevdiğini ve bununla ilgili faydalı araçlar ile alternatif seçenekleri paylaşıyor.

    Çeşitli renk şeması üretici web sitelerine bağlantılar veriliyor.

  • Kişisel olarak sade ve güçlü görüşlere sahip bir renk aracı yaptığını, bunun Tailwind yapılandırması üretebildiğini söylüyor.

    İlgili aracın web sitesi bağlantısı ve web component'leri kullanarak bunu nasıl yaptığına dair yazı bağlantısı veriliyor.

  • Yeni aracı kullanarak bir logodan palet üretmenin bir dakikadan kısa sürdüğünü ve daha önce bunu elle yaptığından daha iyi sonuç aldığını belirtiyor.

  • Renk paletini CSS değişkenleriyle tanımlayıp Tailwind yapılandırmasında bunlara referans verme yaklaşımını tercih ediyor.

    Çalışma zamanında farklı renk temalarının uygulanabilmesine yönelik esneklikten bahsediliyor.

  • Araç geliştiricisine teşekkür ediyor ve Figma ile renkleri senkronize etmenin en kolay yolunun ne olduğunu merak ediyor.

    Profesyonel tasarımcıların hangi eklentileri kullandığı ya da renkleri üretip Tailwind'e dışa aktarmanın en iyi yolunun ne olduğu soruluyor.

  • Tek bir renkten renk paleti ürettikten sonra her bir rengi elle ayarlamak için sonucu başka bir uygulamaya aktarmada faydalı bir araç olarak değerlendiriliyor.

  • Marka örneği demosu hakkında soru soruluyor ve genel olarak kullanıcıların temel renkleri mi değiştirdiği yoksa yeni değişkenler mi oluşturduğu merak ediliyor.

  • Full-stack geliştirici olarak renkler hakkında bilgisi olmadığını ama Tailwind CSS kullandığını söylüyor.

    Renk seçimini ve bu tür araçların nasıl kullanılacağını nereden öğrenebileceğini soruyor.

  • Gradyan üretimi için kullanışlı bir araç gibi göründüğü, ancak Paletton'dan bahsedilmemesinin garip olduğu söyleniyor.

    Paletton web sitesi bağlantısı veriliyor ve temel renkten komşu renklere doğru gradyan oluşturma özelliği açıklanıyor.