ตัวแปลงรหัสสี
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี
ตัวแปลงรหัสสี คืออะไร?
เครื่องมือออนไลน์ฟรีสำหรับแปลงรหัสสี HEX, RGB, HSL, OKLCH พร้อมอัตราส่วนคอนทราสต์ WCAG
วิธีใช้งาน
- 1 ป้อนสี — ใช้ตัวเลือกสีหรือป้อนข้อความ รองรับรูปแบบ HEX, rgb(), hsl()
- 2 ดูรูปแบบ — รูปแบบ HEX, RGB, HSL และ OKLCH แสดงพร้อมกัน
- 3 คัดลอกค่า — ใช้ปุ่มคัดลอกของแต่ละรูปแบบเพื่อคัดลอกค่า CSS
- 4 ตรวจสอบอัตราส่วนคอนทราสต์ — ตั้งค่าสีเปรียบเทียบเพื่อตรวจสอบอัตราส่วนคอนทราสต์ WCAG
เครื่องมือที่เกี่ยวข้อง
คำถามที่พบบ่อย
OKLCH คือการแสดงรูปทรงกระบอกของปริภูมิสี Oklab ซึ่งเป็นปริภูมิสีที่สม่ำเสมอที่สุดในการรับรู้ รองรับใน CSS Color Level 4
วัดความแตกต่างของความสว่างระหว่างข้อความและสีพื้นหลัง AA ต้องการอย่างน้อย 4.5:1 AAA ต้องการ 7:1
ปัจจุบันรองรับเฉพาะสีทึบ (RGB, HEX 6 หลัก) RGBA และ HSLA จะเพิ่มในอนาคต
ได้ คุณสามารถวางผลลัพธ์ของแต่ละรูปแบบลงใน CSS ได้โดยตรง
ไม่ การแปลงสีทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ