วิธีใช้: สีชื่อตัวตรวจสอบ(WCAG)
สีชื่อตัวตรวจสอบ(WCAG) คือเครื่องมือ เครื่องมือสี ออนไลน์ฟรีที่ verify text contrast ratios against WCAG AA/AAA ทันทีในเบราว์เซอร์ของคุณ วางข้อมูล ปรับตัวเลือก แล้วได้ผลแบบเรียลไทม์ — ไม่ต้องติดตั้ง ไม่ต้องสมัคร และไม่มีการอัปโหลดข้อมูล
ใช้ สีชื่อตัวตรวจสอบ(WCAG) ทันที →
คำอธิบาย
Verify text contrast ratios against WCAG AA/AAA.
- เครื่องมือสี
- ด้วยการคำนวณฝั่งไคลเอ็นต์ทั้งหมด สีชื่อตัวตรวจสอบ(WCAG) จึงปลอดภัยสำหรับข้อมูลที่ละเอียดอ่อน เช่น API key
วิธีใช้
ใช้ สีชื่อตัวตรวจสอบ(WCAG) ในสามขั้นตอน:
- วางข้อมูลในช่องอินพุต (หรือโหลดตัวอย่าง)
- ปรับตัวเลือกให้ตรงกับรูปแบบที่ต้องการ
- คัดลอก ดาวน์โหลด หรือตรวจสอบเอาต์พุต — อัปเดตทันทีขณะพิมพ์
รัน
ตัวอย่าง
Against #ffffff background.
ข้อมูลเข้า
#777777
ข้อมูลออก
#777777 on #ffffff Contrast ratio: 4.48:1 WCAG 2.1: AA normal text (≥4.5): ✗ FAIL AA large text (≥3): ✓ PASS AAA normal text (≥7): ✗ FAIL AAA large text (≥4.5): ✗ FAIL UI components (≥3): ✓ PASS Verdict: Large text only (AA)
此输出由工具真实运行产生，并非人工编写。
กรณีใช้งาน
สถานการณ์ทั่วไปที่ สีชื่อตัวตรวจสอบ(WCAG) ช่วยได้:
- Verify text contrast ratios against WCAG AA/AAA.
พารามิเตอร์
เครื่องมือนี้ไม่มีตัวเลือก ทำงานกับอินพุตโดยตรง
คำถามที่พบบ่อย
Color Contrast Checker (WCAG) คืออะไร?
Color Contrast Checker (WCAG) ใช้เพื่อverify text contrast ratios against WCAG AA/AAA ทำงานทั้งหมดในเบราว์เซอร์ ข้อมูลของคุณเป็นส่วนตัว
Color Contrast Checker (WCAG) ใช้ง่ายฟรีไหม?
ฟรี ไม่จำกัด ไม่ต้องสมัครหรือติดตั้ง
ข้อมูลของฉันถูกอัปโหลดไหม?
ไม่ ทุกอย่างประมวลผลในเครื่องของคุณ
ข้อควรรู้
- 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。
เครื่องมือที่เกี่ยวข้อง
ตัวเลือกฐานสิบสีInteractive picker with HEX, RGB and HSL output.ตัวแปลงสี CodeConvert between HEX, RGB, HSL and named colors.ตัวสร้างสีคอนทราสต์Shades, tints and complementary schemes from one color.ตัวสร้างอายุสีBatch random colors with copyable codes.ตารางอ้างอิง CSS ที่มีชื่อสีAll 148 CSS color names with codes and previews.ตัวผสมสีBlend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.