Dev Patrache

ตัวแปลงรหัสสี

HEX
#3b82f6
RGB
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. 1
    ป้อนสี — ใช้ตัวเลือกสีหรือป้อนข้อความ รองรับรูปแบบ HEX, rgb(), hsl()
  2. 2
    ดูรูปแบบ — รูปแบบ HEX, RGB, HSL และ OKLCH แสดงพร้อมกัน
  3. 3
    คัดลอกค่า — ใช้ปุ่มคัดลอกของแต่ละรูปแบบเพื่อคัดลอกค่า CSS
  4. 4
    ตรวจสอบอัตราส่วนคอนทราสต์ — ตั้งค่าสีเปรียบเทียบเพื่อตรวจสอบอัตราส่วนคอนทราสต์ WCAG

เครื่องมือที่เกี่ยวข้อง

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

OKLCH คือการแสดงรูปทรงกระบอกของปริภูมิสี Oklab ซึ่งเป็นปริภูมิสีที่สม่ำเสมอที่สุดในการรับรู้ รองรับใน CSS Color Level 4

วัดความแตกต่างของความสว่างระหว่างข้อความและสีพื้นหลัง AA ต้องการอย่างน้อย 4.5:1 AAA ต้องการ 7:1

ปัจจุบันรองรับเฉพาะสีทึบ (RGB, HEX 6 หลัก) RGBA และ HSLA จะเพิ่มในอนาคต

ได้ คุณสามารถวางผลลัพธ์ของแต่ละรูปแบบลงใน CSS ได้โดยตรง

ไม่ การแปลงสีทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

เว็บไซต์นี้ใช้คุกกี้เพื่อปรับปรุงประสบการณ์และการโฆษณา เรียนรู้เพิ่มเติม