แปลงรหัสสีและตรวจสอบ WCAG Contrast ออนไลน์ - HEX, RGB, HSL, CMYK ฟรี

เครื่องมือแปลงรหัสสีออนไลน์ฟรี แปลงระหว่าง HEX, RGB, HSL, HSV, CMYK พร้อมตรวจสอบความคมชัดของสี (WCAG 2.1 Contrast Ratio) สำหรับนักออกแบบและนักพัฒนาเว็บ

ตัวอย่างการแสดงผลข้อความ

รูปแบบรหัสสีทั้งหมด

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

ความต่างระดับสีและการเข้าถึง (WCAG)

ข้อความสีขาวบนพื้นหลังนี้0.00:1
ข้อมูล Normal Text (AA)ไม่ผ่านเกณฑ์
ข้อความขนาดใหญ่ (AA)ไม่ผ่านเกณฑ์
ข้อความสีดำบนพื้นหลังนี้0.00:1
ข้อมูล Normal Text (AA)ไม่ผ่านเกณฑ์
ข้อความขนาดใหญ่ (AA)ไม่ผ่านเกณฑ์

วิธีใช้งาน

  1. ป้อนรหัสสีในรูปแบบใดก็ได้ (เช่น #3B82F6 หรือ rgb(59, 130, 246)) หรือใช้ Color Picker
  2. ดูรหัสสีในทุกรูปแบบที่แปลงให้อัตโนมัติ
  3. ตรวจสอบค่าคะแนน WCAG Contrast และคัดลอกรหัสสี

คุณสมบัติเด่น

  • แปลงรูปแบบสีครอบคลุมทุกระบบ: HEX, RGB, HSL, HSV, CMYK, CSS Color Name
  • ตรวจสอบระดับคอนทราสต์ WCAG 2.1: ตรวจสอบมาตรฐานการเข้าถึง AA / AAA สำหรับข้อความสีขาวและสีดำ
  • แสดงตัวอย่างสีสด (Live Color Preview): แสดงผลเฉดสีและตัวอย่างข้อความแบบเรียลไทม์
  • ประมวลผลในเครื่อง 100%: ปลอดภัย ใช้งานได้ทันที

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

ดูดสีจากรูปภาพและสร้าง Color Palette ออนไลน์ - เครื่องมือ Image Color Dropper ฟรี

เครื่องมือดูดสีจากรูปภาพออนไลน์ฟรี คลิกเพื่อดูดรหัสสี HEX, RGB, HSL จากพิกเซลของภาพ พร้อมแว่นขยายซูมพิกเซล และสร้างชุดสี Color Palette อัตโนมัติ ปลอดภัย 100% ในเครื่อง
สร้างข้อความจำลอง Lorem Ipsum ออนไลน์ - ตัวสร้าง Dummy Text สำหรับนักออกแบบฟรี

เครื่องมือสร้างข้อความจำลอง Lorem Ipsum (Dummy Text) ออนไลน์ฟรี สร้างตามจำนวนย่อหน้า ประโยค คำ หรือรายการลิสต์ ปลอดภัย 100% ในเครื่อง
คำนวณอัตราส่วนภาพ (Aspect Ratio) ออนไลน์ - คำนวณขนาดภาพ 16:9, 4:3, 1:1, 9:16 ฟรี

เครื่องมือคำนวณอัตราส่วนภาพ (Aspect Ratio Calculator) ออนไลน์ฟรี คำนวณความกว้าง ความสูง สัดส่วนภาพสำหรับวิดีโอ YouTube, TikTok, Instagram และ CSS aspect-ratio ปลอดภัย 100% ในเครื่อง

หลักการและสูตรคำนวณ

ใช้โมเดลแปลงพิกัดสี Color Space Transforms ทางคณิตศาสตร์ (sRGB, CIE-Lab*, Relative Luminance)

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

อัตราส่วนความต่างระดับสี WCAG AA คือเท่าใด?

สำหรับข้อความขนาดปกติ ต้องการอัตราส่วนอย่างน้อย 4.5:1 และสำหรับข้อความขนาดใหญ่ต้องการอย่างน้อย 3:1