ตัวเรียบเรียงความคมชัด APCAch

สร้างในสามขั้นตอน: เลือกบทบาท, ตั้งค่าคอนทราสต์, รับสี

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

1. 01

   เลือกบทบาทและอ้างอิง

   สีที่สร้างขึ้นจะเป็นข้อความหรือพื้นผิวหรือไม่? อ้างอิงจากสีขาวบริสุทธิ์ สีดำบริสุทธิ์ หรือป้อนพื้นหลังที่กำหนดเอง

2. 02

   ตั้งค่าคอนทราสต์เป้าหมาย

   ลาก |Lc| ไปยังเป้าหมาย (ข้อความปกติ ≥75, ข้อความขนาดใหญ่ ≥60) จากนั้นปรับโครมาและฮิว; เปิดใช้ "Max chroma" เพื่อรับค่าที่อิ่มตัวที่สุดที่เป็นไปได้สำหรับฮิวนั้น

3. 03

   คัดลอกและใช้งาน

   ค่า |Lc| ที่วัดได้จะติดตามเป้าหมายแบบเรียลไทม์ (ภายใน ±0.1); คัดลอก oklch()/hex/rgb() ไปใช้ใน CSS ได้โดยตรง

คำถามที่พบบ่อยเกี่ยวกับการสร้างคอนทราสต์

คำถามที่พบบ่อย 3 ข้อเกี่ยวกับ apcach

ทำไมต้องใช้ APCA แทนอัตราส่วน WCAG?

APCA (Lc 0–108) ประเมินความสามารถในการอ่านตามขนาดและน้ำหนักของฟอนต์ และมีความแม่นยำมากขึ้นสำหรับโหมดมืดและคอนทราสต์ระดับกลาง; เป็นตัวเลือกของ WCAG 3 การสร้างสีโดยตรงกับ |Lc| ทำให้ผลลัพธ์ถูกต้องตามมาตรฐาน APCA โดยธรรมชาติ

ฉันควรใช้คอนทราสต์เป้าหมายเท่าใด

กฎทั่วไป: ข้อความปกติ ≥75, หัวข้อข่าว ≥60, ส่วนประกอบ UI/ไอคอน ≥45, องค์ประกอบตกแต่ง ≥30 ค่าที่สูงกว่า 90 คือคอนทราสต์สุดขีด ส่วนใหญ่ใช้สำหรับข้อความแสดงผลขนาดเล็กหรือพิเศษ

"Max chroma" ทำงานอย่างไร

ที่ฮิวและคอนทราสต์เท่ากัน โครมาที่สูงขึ้นจะมีสีสันสดใสกว่า แต่เกินขอบเขตของ sRGB จะแสดงผลไม่ได้ เมื่อเปิดใช้ เอนจินจะค้นหาขอบเขตของเกมมัตด้วยวิธี binary search และส่งคืนสีที่อิ่มตัวที่สุดที่เป็นไปได้

หลังจากการสร้างสี

ตรวจสอบสีที่ประกอบขึ้นใหม่อีกครั้งกับอัตราส่วน WCAG ในเครื่องมือคอนทราสต์ หรือขยายเป็นมาตราส่วน 11 ระดับ