ตรวจสอบอัตราส่วนความต่างสีเพื่อให้สอดคล้องกับการเข้าถึงเว็บไซต์ ทดสอบการผสมผสานสีข้อความและพื้นหลังตามหลักเกณฑ์ WCAG พร้อมการแสดงตัวอย่างแบบเรียลไทม์ การให้คะแนนการเข้าถึง และคำแนะนำในการปรับปรุง
คลิกเครื่องมือเลือกสีแรกเพื่อเลือกสีข้อความของคุณ หรือป้อนรหัสเลขฐานสิบหกโดยตรง
ใช้เครื่องมือเลือกสีที่สองเพื่อเลือกสีพื้นหลังสำหรับการทดสอบความต่างสี
ตรวจสอบอัตราส่วนความต่างสีที่คำนวณได้ และดูการให้คะแนน AA/AAA สำหรับข้อความปกติและข้อความขนาดใหญ่
ดูตัวอย่างแบบสดเพื่อดูว่าชุดสีของคุณมีลักษณะอย่างไรเมื่อใช้กับเนื้อหาข้อความจริง
คำนวณอัตราส่วนความต่างสีได้ทันทีเมื่อคุณเลือกชุดสีข้อความและพื้นหลังที่แตกต่างกัน
รับการให้คะแนน AA และ AAA สำหรับทั้งข้อความปกติและข้อความขนาดใหญ่ตามหลักเกณฑ์การเข้าถึงเนื้อหาเว็บ
ดูว่าชุดสีของคุณจะมีลักษณะอย่างไรเมื่อใช้กับข้อความตัวอย่างทั้งขนาดปกติและขนาดใหญ่
ดูประสิทธิภาพความต่างสีของคุณด้วยแผนภูมิวงกลมที่เข้าใจง่าย แสดงคะแนนตั้งแต่ 0-100
เลือกสีได้อย่างง่ายดายด้วยเครื่องมือเลือกสีในตัวสำหรับทั้งสีข้อความและสีพื้นหลัง
รับคำแนะนำที่เป็นประโยชน์สำหรับการปรับปรุงความต่างสีและการปฏิบัติตามมาตรฐานการเข้าถึง
เครื่องมือตรวจสอบความต่างสีคือเครื่องมือที่ใช้วัดความแตกต่างของความสว่างระหว่างสีข้อความและสีพื้นหลัง โดยจะคำนวณอัตราส่วนความต่างสีตามมาตรฐาน WCAG (Web Content Accessibility Guidelines) เพื่อให้แน่ใจว่าเนื้อหาสามารถอ่านได้สำหรับผู้ใช้ที่มีความบกพร่องทางการมองเห็น รวมถึงผู้ตาบอดสีและผู้ที่มีสายตาเลือนราง
มั่นใจว่าการออกแบบของคุณเป็นไปตามมาตรฐานการเข้าถึงสากลด้วยการให้คะแนน AA และ AAA ที่แม่นยำ
ดูผลลัพธ์ทันทีเมื่อคุณปรับสี ทำให้ง่ายต่อการค้นหาชุดค่าผสมที่ตรงตามข้อกำหนด
ทำความเข้าใจประสิทธิภาพความต่างสีได้อย่างรวดเร็วด้วยระบบการให้คะแนน 0-100 ที่เข้าใจง่ายของเรา
ทดสอบชุดสีได้ทันทีในเบราว์เซอร์ของคุณโดยไม่ต้องดาวน์โหลดซอฟต์แวร์ใดๆ
สำหรับข้อความปกติ ควรตั้งเป้าหมายที่ 4.5:1 เป็นอย่างน้อยสำหรับการปฏิบัติตามมาตรฐาน AA หรือ 7:1 สำหรับ AAA ส่วนข้อความขนาดใหญ่ (18pt หรือ 14pt ตัวหนา) ต้องการ 3:1 สำหรับ AA หรือ 4.5:1 สำหรับ AAA
AA คือระดับมาตรฐานของการปฏิบัติตามข้อกำหนดการเข้าถึงที่ระเบียบส่วนใหญ่กำหนด AAA คือระดับสูงสุด ซึ่งให้การเข้าถึงที่เพิ่มขึ้นสำหรับผู้ใช้ที่มีความบกพร่องทางการมองเห็นที่รุนแรงกว่า
อัตราส่วนความต่างสีคำนวณโดยใช้ค่าความสว่างสัมพัทธ์ของสีตามที่กำหนดโดยหลักเกณฑ์ WCAG มีค่าตั้งแต่ 1:1 (ไม่มีความต่างสี) ถึง 21:1 (ความต่างสีสูงสุด)
ข้อความขนาดใหญ่หมายถึงข้อความขนาด 18 พอยต์ (24px) หรือใหญ่กว่า หรือ 14 พอยต์ (18.66px) หรือใหญ่กว่าหากเป็นตัวหนา ข้อความขนาดใหญ่มีข้อกำหนดความต่างสีที่ยืดหยุ่นกว่า
ความต่างสีที่ดีช่วยให้เนื้อหาสามารถอ่านได้สำหรับทุกคน รวมถึงผู้ใช้ที่มีความบกพร่องทางการมองเห็น, ตาบอดสี, หรือผู้ที่ดูเนื้อหาในที่แสงแดดจ้าหรือบนจอแสดงผลที่ไม่ดี
เครื่องมือนี้รองรับรหัสสีฐานสิบหก (hex color codes) คุณสามารถแปลงจากรูปแบบอื่น ๆ (RGB, HSL ฯลฯ) เป็นรหัสเลขฐานสิบหกได้โดยใช้เครื่องมือแปลงออนไลน์หรือเครื่องมือออกแบบ
สำรวจคอลเลกชันไล่ระดับสีสวยงามกว่า 100 แบบที่คัดสรรมาอย่างดีของเรา คลิกที่ตัวอย่างไล่ระดับสีเพื่อดูสีแต่ละสี คัดลอกโค้ด CSS ได้ทันที และค้นหาการผสมผสานสีไล่ระดับที่สมบูรณ์แบบสำหรับการออกแบบของคุณ
เรียกดูคลังสีที่ครอบคลุมของเราที่มีชื่อสีนิยมกว่า 500 สี จัดเรียงเป็น 20 หมวดหมู่ ค้นหาสีตามชื่อหรือรหัส HEX คัดลอกค่าได้ทันที และสำรวจกลุ่มสีตั้งแต่พื้นฐานจนถึงสไตล์วินเทจ
เลือกดูชุดสีพาลเล็ตกว่า 200 ชุดที่คัดสรรมาอย่างมืออาชีพและจัดหมวดหมู่ไว้อย่างเป็นระเบียบ คัดลอกสีได้ทันที, บันทึกชุดสีโปรด, ส่งออกเป็น CSS, JSON, PNG หรือ PDF เหมาะสำหรับนักออกแบบและนักพัฒนา
แปลงสี HSV (Hue, Saturation, Value) ให้เป็นสี Pantone ที่ใกล้เคียงที่สุดได้ทันที ค้นหาสี Pantone ที่สมบูรณ์แบบด้วยเครื่องมือจับคู่สีที่ครอบคลุมของเรา ซึ่งมีการเปรียบเทียบด้วยภาพและวิทยาศาสตร์สีที่แม่นยำ
แปลงสี RGB ให้เป็นสี Pantone ที่ใกล้เคียงที่สุดด้วยอัลกอริทึมจับคู่สีขั้นสูงของเรา เลือกดูสี Pantone ที่คัดสรรมาอย่างดี เปรียบเทียบความแตกต่างของสี และรับรหัสสีที่แม่นยำสำหรับโครงการออกแบบของคุณ
ดึงสีจากรูปภาพใดๆ ทางออนไลน์ได้ฟรี อัปโหลดรูปภาพ คลิกเพื่อเลือกสี และรับค่า HEX, RGB, HSL และ CMYK สร้างและส่งออกจานสีได้