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/bernaferrari/color-studio