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, เกินไป.