สีต่างกันที่เข้ากันเป็นชุดเดียว
ได้สีที่ต่างกันหลายสีในระดับความสว่างและความอิ่มตัวเท่ากัน บนไอคอน แท็ก กราฟ และสไลด์จะดูเป็นชุดเดียวกัน
คลิกที่สีเพื่อคัดลอก HEX
เมื่ออยู่ด้วยกันจะเป็นอย่างไร
- หน้าหลัก
- ข้อความ
- ปฏิทิน
- ไฟล์
- รูปภาพ
- เพลง
โค้ด
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceตรวจสอบสีของคุณ
วางสีที่คุณใช้อยู่ บรรทัดละสีหรือเว้นวรรคคั่น คุณจะเห็นว่าสีอยู่ในระดับเดียวกันหรือไม่ และได้ชุดสีที่แก้แล้วโดยคงเฉดเดิม
คำถามที่พบบ่อย
ทำไมสีที่ความสว่าง HSL เท่ากันถึงดูไม่เท่ากัน
HSL มองทุกเฉดเหมือนกัน แต่สายตาคนไม่ใช่แบบนั้น ที่ตัวเลข HSL เท่ากัน สีเหลืองและสีเขียวดูสว่างกว่าสีน้ำเงินมาก เครื่องมือนี้ทำงานใน OKLCH ซึ่งความสว่างเท่ากันก็ดูเท่ากันจริง ชุดไอคอนหรือแท่งกราฟจึงไม่มีสีที่โดดออกมาโดยไม่ตั้งใจ
คนแยกสีที่ต่างกันได้กี่สี
ในกราฟหรือคำอธิบาย คนส่วนใหญ่แยกได้เร็ว 6 ถึง 8 สี ถึง 12 สีก็ยังใช้ได้ถ้ามีป้ายชื่อข้างสี หากมีหมวดมากกว่านั้น ให้รวมหมวดเล็กหรือเพิ่มป้ายชื่อ ลวดลาย หรือไอคอน
ควรเลือกสไตล์ไหน
พาสเทลและอ่อนนุ่มเหมาะกับพื้นหลังแท็กและป้ายที่ใช้ตัวอักษรสีเข้ม สดใสและเข้มข้นเหมาะกับไอคอน แท่งกราฟ และเส้นบนหน้าขาว ลึกและมืดเหมาะกับกล่องที่ใช้ตัวอักษรสีขาวและสีเน้นบนธีมมืด
เขียนข้อความบนสีเหล่านี้ได้ไหม
ได้ ตัวอย่างจะเลือกตัวอักษรสีดำหรือสีขาวให้แต่ละสี สไตล์สว่างใช้ตัวอักษรสีเข้ม สไตล์ลึกใช้ตัวอักษรสีขาว สำหรับเนื้อหาหลักให้ตรวจคู่สีจริงในเครื่องมือตรวจคอนทราสต์
สีที่ความสว่างเท่ากันปลอดภัยสำหรับคนตาบอดสีหรือไม่
สีในระดับเดียวกันต่างกันที่เฉดเท่านั้น ซึ่งเป็นส่วนที่ยากที่สุดสำหรับคนตาบอดสี ในกราฟให้เพิ่มป้ายชื่อหรือลวดลาย หรือตรวจชุดสีในตัวจำลองตาบอดสี สำหรับไอคอนที่มีข้อความกำกับมักไม่มีปัญหา