โฮมเพจ » Toolkit » Colors.css เสนอค่าเริ่มต้นใหม่สำหรับสีบนเว็บ

    Colors.css เสนอค่าเริ่มต้นใหม่สำหรับสีบนเว็บ

    การค้นหาชุดสีที่ยอดเยี่ยมสำหรับเว็บไซต์ของคุณไม่ใช่เรื่องง่าย แต่มันง่ายขึ้นมากกับ ห้องสมุดสี โดย Adam Morse.

    ไลบรารี CSS นี้ฟรี ใช้งานได้กับสีเว็บดั้งเดิม ที่ถูกถือว่า “เว็บปลอดภัย” และเปิดตัวครั้งแรกกับ HTML4 กลับมาในปี 1999 อย่างที่คุณจินตนาการได้ว่าเว็บมีมานานแล้วตั้งแต่นั้นมา.

    ด้วยสีคุณสามารถ เขียนทับตัวเลือกสีเริ่มต้น และใช้ค่าเริ่มต้นที่เหมาะสมสำหรับเค้าโครงของคุณ สีเหล่านี้เข้าด้วยกันง่ายขึ้นและ สร้างความตึงเครียดน้อยลงโดยการลดความคมชัด.

    ตัวอย่างเช่นแทนที่จะเป็น # 000 สำหรับสีดำห้องสมุดนี้ใช้ # 111 ไปยัง รักษาระดับความมืดให้เท่าเดิม ในขณะที่การลบความคมชัดสั่นสะเทือนบางส่วน วิธีนี้ใช้งานได้ดีกว่ากับข้อความและพื้นหลัง.

    คุณสามารถติดตั้ง Colors ผ่าน npm หรือ ผ่าน GitHub โดยการดาวน์โหลดสไตล์ชีทโดยตรง.

    เหนือสิ่งอื่นใด มาพร้อมกับเสื้อโค้ตฟรี คุณสามารถนำเข้าสู่โปรแกรมการออกแบบของคุณเพื่อให้ง่ายต่อการเข้าถึงสี ไฟล์สวอตช์ดังต่อไปนี้รวมอยู่ด้วย:

    • .ACO (Photoshop)
    • .ASE (Illustrator / XD)
    • .GPL (Gimp / Inkscape)

    หากคุณออกแบบม็อคอัพจำนวนมากด้วยสีเริ่มต้นฉันแนะนำให้จับสำเนา swatches เหล่านี้อย่างแน่นอน คุณจะประหลาดใจว่าสีเหล่านี้สามารถเข้ากับเลย์เอาต์ได้ดีเพียงใด.

    นอกจากนี้ Colors.css ยังมีของตัวเอง แผนการเข้าถึง คุณจะพบที่ไหน ชุดสี 90 ชุด ที่ตรงตามข้อกำหนดของ WCAG สำหรับการเข้าถึงที่มีคุณภาพ นี่เป็นเรื่องใหญ่สำหรับทุกคนที่พยายามสนับสนุนกลุ่มเป้าหมายที่กว้างที่สุดเท่าที่จะเป็นไปได้และเป็นเรื่องดีที่ได้เห็นนักออกแบบที่ใส่ใจงาน UI / UX สมัยใหม่.

    แต่ที่สำคัญกว่านั้นคือการได้เห็นความก้าวหน้าอย่างมากในชุมชนโอเพ่นซอร์ส.

    มันดูตลกในเว็บไซต์เก่า ๆ เพื่อดูว่าพวกเขาปรับปรุงได้ดีแค่ไหน และสามารถพูดได้เหมือนกันสำหรับแนวโน้มการออกแบบทั่วไปโดยเฉพาะอย่างยิ่งตัวเลือกสีและไลบรารี CSS.

    หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับไลบรารีสีโปรดไปที่ หน้าหลัก และตรวจสอบ ตัวอย่างสด. คุณสามารถดึง .CSS ไฟล์พร้อมกับไฟล์สวอตช์ทั้งหมดได้โดยตรงจาก GitHub repo, เกินไป.