Anasayfa » Toolkit » Colors.css Web'deki Renkler için Yeni Varsayılanlar Sunuyor

    Colors.css Web'deki Renkler için Yeni Varsayılanlar Sunuyor

    Web siteniz için harika bir renk düzeni bulmak kolay bir iş değildir. Ancak, sadece çok daha kolaylaştı Renkler kütüphanesi Yazan Adam Morse.

    Bu ücretsiz CSS kütüphanesi orijinal web renkleriyle çalışır bu sayıldı “web güvenliği” ve ilk olarak 1999'da HTML4 ile birlikte yayınlandı. Tahmin edebileceğiniz gibi, web o zamandan bu yana çok yol kat etti..

    Renkler ile yapabilirsiniz varsayılan renk seçeneklerinin üzerine yaz ve yerleşiminiz için daha uygun varsayılanları kullanın. Bu renkler birbirine çok daha kolay sığar ve kontrastı seyrelterek daha az gerginlik yaratın.

    Örneğin, yerine # 000 siyah için bu kütüphane # 111 için aynı karanlık seviyesini koru jarring kontrastının bir kısmını kaldırırken. Bu metin ve arka planlar için çok daha iyi çalışır.

    Renkleri yükleyebilirsiniz npm ile veya GitHub aracılığıyla doğrudan stil sayfasını indirerek.

    Hepsinden iyisi ücretsiz renk örnekleri ile birlikte gelir Renklere kolay erişim için tasarım programlarınıza aktarabilirsiniz. Aşağıdaki renk örneği dosyaları dahil edilmiştir:

    • .aco (Photoshop)
    • .ase (Illustrator / XD)
    • .gpl (Gimp'i / Inkscape)

    Varsayılan renklerle çok fazla maket tasarlarsanız, kesinlikle bu renk örneklerinin bir kopyasını almanızı tavsiye ederim. Bu renklerin herhangi bir düzende ne kadar iyi sığabileceğine şaşıracaksınız.

    Ayrıca, Colors.css bile kendi erişilebilirlik programları nerede bulacaksın 90 renk kombinasyonu WCAG özelliklerine uygun kalitede erişilebilirlik için uygundur. Bu, mümkün olan en geniş kitleyi desteklemeye çalışan herkes için çok büyük ve modern UI / UX çalışmalarını bu kadar önemseyen tasarımcıları görmek harika.

    Fakat daha da önemlisi, açık kaynak topluluğunda çok fazla ilerleme görmek harika.

    Ne kadar geliştiklerini görmek eski web sitelerine bakmak komik. Aynı şey genel tasarım trendleri için de söylenebilir, özellikle renk seçenekleri ve CSS kütüphaneleri.

    Renkler kitaplığı hakkında daha fazla bilgi edinmek için ana Sayfa ve kontrol canlı örnekler. Çekebilirsin .css tüm renk örneği dosyalarıyla birlikte doğrudan GitHub deposu, çok.