Color Studio

คำอธิบายของ Color Studio

มันยากที่จะเลือกสี ตัวเลือกสีส่วนใหญ่ให้สี 16 ล้านสีและขอให้คุณเลือก ตัวเลือกมากมายในความเป็นจริงความคิดสร้างสรรค์ของคุณอาจถูกบล็อก ไม่มีวิธีที่ใช้งานง่ายในการรู้ว่าสีใดจะเหมาะกับความต้องการของคุณ สิ่งนี้ยากขึ้นเมื่อคุณจัดการกับหลายสี แม้แต่มากขึ้นเมื่อคุณต้องการสีเหล่านี้เพื่อติดตามข้อมูลจำเพาะการออกแบบและรูปแบบที่สอดคล้องกัน โครงการนี้มีวัตถุประสงค์เพื่อช่วยแก้ปัญหาเหล่านี้
แอพนี้ให้คุณเล่นกับ 3 สี: หลักพื้นหลังและพื้นผิว พื้นหลังและพื้นผิวช่วยให้คุณสามารถสลับโหมด "อัตโนมัติ" (โดยค่าเริ่มต้นเมื่อคุณเปิดแอปมันเปิดสำหรับพื้นหลังเพื่อช่วยในการค้นพบ) ในโหมดอัตโนมัติ, พื้นหลังเป็นไปตาม [คำแนะนำการออกแบบวัสดุ] (https://material.io/design/color/dark-theme.html#properties): 8% ของสีหลัก + # 121212
สีผิว ไม่มีคำแนะนำอย่างเป็นทางการดังนั้นจึงได้รับพื้นหลังและเพิ่ม 5% ของความสว่างในพื้นที่สี HSLUV หากพื้นหลังมีความสว่าง 10% พื้นผิวมี 15%
แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) แนะนำให้ใช้ความคมชัดของ:
- 3.0: 1 ขั้นต่ำสำหรับข้อความที่มีขนาดใหญ่กว่า 18pt หรือไอคอน (AA +) ฟรี 4.5: 1 ขั้นต่ำสำหรับข้อความที่เล็กกว่า 18PT (AA) ฟรี - 7.0: 1 ขั้นต่ำเมื่อเป็นไปได้ถ้าเป็นไปได้ (AAA)
การออกแบบวัสดุติดตามมัน และแนะนำให้ใช้อัตราส่วนความคมชัด 4.5: 1 (AA) สำหรับข้อความร่างกายที่ระดับความสูงทั้งหมด โครงการนี้แสดงรูปแบบระดับความสูงที่เป็นไปได้ทั้งหมดด้วยความเปรียบต่างของพวกเขาเป็นสีหลัก
โครงการนี้เป็นโอเพ่นซอร์ส:
https://github.com/bernferrari/color-studio