ข้ามไปยังเครื่องมือเลือกสี

สีต่างกันที่เข้ากันเป็นชุดเดียว

ได้สีที่ต่างกันหลายสีในระดับความสว่างและความอิ่มตัวเท่ากัน บนไอคอน แท็ก กราฟ และสไลด์จะดูเป็นชุดเดียวกัน

จำนวนสี
6
สไตล์

คลิกที่สีเพื่อคัดลอก HEX

เมื่ออยู่ด้วยกันจะเป็นอย่างไร

พื้นหลัง
  • หน้าหลัก
  • ข้อความ
  • ปฏิทิน
  • ไฟล์
  • รูปภาพ
  • เพลง
หน้าหลักข้อความปฏิทินไฟล์รูปภาพเพลง
68%
53%
25°
รูปแบบ

โค้ด

#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ce

ตรวจสอบสีของคุณ

วางสีที่คุณใช้อยู่ บรรทัดละสีหรือเว้นวรรคคั่น คุณจะเห็นว่าสีอยู่ในระดับเดียวกันหรือไม่ และได้ชุดสีที่แก้แล้วโดยคงเฉดเดิม

คำถามที่พบบ่อย

ทำไมสีที่ความสว่าง HSL เท่ากันถึงดูไม่เท่ากัน

HSL มองทุกเฉดเหมือนกัน แต่สายตาคนไม่ใช่แบบนั้น ที่ตัวเลข HSL เท่ากัน สีเหลืองและสีเขียวดูสว่างกว่าสีน้ำเงินมาก เครื่องมือนี้ทำงานใน OKLCH ซึ่งความสว่างเท่ากันก็ดูเท่ากันจริง ชุดไอคอนหรือแท่งกราฟจึงไม่มีสีที่โดดออกมาโดยไม่ตั้งใจ

คนแยกสีที่ต่างกันได้กี่สี

ในกราฟหรือคำอธิบาย คนส่วนใหญ่แยกได้เร็ว 6 ถึง 8 สี ถึง 12 สีก็ยังใช้ได้ถ้ามีป้ายชื่อข้างสี หากมีหมวดมากกว่านั้น ให้รวมหมวดเล็กหรือเพิ่มป้ายชื่อ ลวดลาย หรือไอคอน

ควรเลือกสไตล์ไหน

พาสเทลและอ่อนนุ่มเหมาะกับพื้นหลังแท็กและป้ายที่ใช้ตัวอักษรสีเข้ม สดใสและเข้มข้นเหมาะกับไอคอน แท่งกราฟ และเส้นบนหน้าขาว ลึกและมืดเหมาะกับกล่องที่ใช้ตัวอักษรสีขาวและสีเน้นบนธีมมืด

เขียนข้อความบนสีเหล่านี้ได้ไหม

ได้ ตัวอย่างจะเลือกตัวอักษรสีดำหรือสีขาวให้แต่ละสี สไตล์สว่างใช้ตัวอักษรสีเข้ม สไตล์ลึกใช้ตัวอักษรสีขาว สำหรับเนื้อหาหลักให้ตรวจคู่สีจริงในเครื่องมือตรวจคอนทราสต์

สีที่ความสว่างเท่ากันปลอดภัยสำหรับคนตาบอดสีหรือไม่

สีในระดับเดียวกันต่างกันที่เฉดเท่านั้น ซึ่งเป็นส่วนที่ยากที่สุดสำหรับคนตาบอดสี ในกราฟให้เพิ่มป้ายชื่อหรือลวดลาย หรือตรวจชุดสีในตัวจำลองตาบอดสี สำหรับไอคอนที่มีข้อความกำกับมักไม่มีปัญหา