ไทย

เครื่องมือแปลง

แปลง HEX RGB HSL HSV และ CMYK

แปลง HEX, RGB, HSL, HSV/HSB และ CMYK ในเบราว์เซอร์ เลือกสี คัดลอกรหัส และตรวจคอนทราสต์ WCAG ไม่มีการอัปโหลด

วางรหัสสีหรือใช้ตัวเลือกสี HEX RGB HSL HSV และ CMYK อัปเดตพร้อมกัน การตรวจคอนทราสต์ใช้สัดส่วน WCAG บนพื้นทึบ

  • ทำงานในเครื่อง
  • ไม่ต้องอัปโหลด
  • ทันที
  • ฟรี
ตัวอย่าง
บนพื้นขาว
บนพื้นดำ
รูปแบบอินพุต

RGBA HSLA และ HEX 8 หลักเก็บแอลฟา สตริง HSV และ CMYK ไม่เก็บ แอลฟาแสดงแยก

HSV กับ HSB เป็นโมเดลเดียวกัน V และ B หมายถึงความสว่างทั้งคู่

CMYK ที่นี่เป็นการประมาณจาก RGB ของหน้าจอ ไม่ใช่การแปลงโปรไฟล์พิมพ์ ICC

คอนทราสต์ WCAG

พื้นหน้าอาจมีแอลฟาและถูกทับบนพื้นทึบ เวอร์ชันนี้ไม่ใช้แอลฟาของพื้นหลัง คอนทราสต์อย่างเดียวไม่ได้พิสูจน์ว่าหน้าใช้งานได้สำหรับทุกคน

ตรวจ ผลลัพธ์
AA ข้อความปกติ
AA ข้อความใหญ่
AAA ข้อความปกติ
AAA ข้อความใหญ่

ตัวอย่างข้อความปกติ

ตัวอย่างข้อความใหญ่

การแปลงสีและการตรวจคอนทราสต์ทำงานในเบราว์เซอร์ ไม่ได้อัปโหลดค่า

วิธีใช้

  1. วางค่า HEX RGB HSL HSV หรือ CMYK หรือใช้ตัวเลือกสี
  2. อ่านรหัสที่แปลงแล้วคัดลอกสิ่งที่ต้องการ
  3. ถ้าสีใช้กับข้อความ ให้ตรวจคอนทราสต์บนพื้นทึบ

ทำไมต้อง NEXNARA

  • เป็นส่วนตัว

    ข้อมูลของคุณอยู่ในเบราว์เซอร์

  • ทันที

    ผลลัพธ์แสดงทันที

  • ไม่ต้องอัปโหลด

    ไม่ส่งอะไรไปยังเซิร์ฟเวอร์ของ NEXNARA

  • ใช้ได้ทุกที่

    ไม่ต้องติดตั้ง

ตัวแปลงสีคืออะไร

เครื่องมือนี้เปลี่ยนสัญลักษณ์สีหนึ่งเป็นแบบอื่น ใช้คัดลอก HEX สำหรับ CSS, RGB สำหรับเครื่องมือออกแบบ, HSL สำหรับปรับแต่ง, HSV สำหรับตัวเลือกสี หรือประมาณ CMYK แบบง่าย การคำนวณทั้งหมดอยู่ในเบราว์เซอร์

HEX คืออะไร

HEX เขียนแดง เขียว น้ำเงินเป็นคู่เลขฐานสิบหก เช่น #FF0000 #RGB สั้นจะขยายแต่ละหลัก #RRGGBBAA แปดหลักเพิ่มแอลฟา ที่นี่เครื่องหมาย # ไม่บังคับ

RGB คืออะไร

RGB ผสมแดง เขียว น้ำเงินจาก 0 ถึง 255 RGBA เพิ่มแอลฟาจาก 0 ถึง 1 จอแสดงสีด้วย RGB จึงเป็นรูปแบบศูนย์กลางของการแปลงอื่น

HSL คืออะไร

HSL คือฮิว (0–360) ความอิ่มตัว (0–100%) และความสว่าง (0–100%) ฮิว 360 เท่ากับ 0 HSLA เพิ่มแอลฟา มีประโยชน์เมื่ออยากทำให้สว่างหรืออิ่มโดยไม่คิดเป็น RGB ดิบ

HSV / HSB คืออะไร

HSV (เรียก HSB ด้วย) ใช้ฮิว ความอิ่มตัว และค่า/ความสว่าง ไม่ใช่ HSL: แดงสว่างเต็มคือ hsv(0, 100%, 100%) และ hsl(0, 100%, 50%) เครื่องมือนี้ถือ HSV กับ HSB เป็นโมเดลเดียว

CMYK คืออะไร

CMYK คือไซแอน มาเจนตา เหลือง และดำ แต่ละช่อง 0–100% เครื่องพิมพ์ใช้ CMYK การแปลงที่นี่เป็นการประมาณทางคณิตศาสตร์จาก RGB จอ ไม่ใช่โปรไฟล์ ICC พร้อมพิมพ์

RGB กับ CMYK

RGB คือแสงแบบบวกบนจอ CMYK คือหมึกแบบลบบนกระดาษ ตัวเลขชุดเดียวกันไม่ตรงกับตัวอย่างพิมพ์เสมอ ใช้ CMYK นี้เป็นแนวคร่าว ๆ ไม่ใช่งานพิมพ์สุดท้าย

แอลฟาคืออะไร

แอลฟาคือความทึบ 1 ทึบ 0 โปร่งใสทั้งหมด HEX 8 หลัก RGBA และ HSLA เก็บไว้ ผลลัพธ์ HSV และ CMYK ในหน้านี้ไม่มีแอลฟา จึงยังแสดงช่องแอลฟา

อัตราส่วนคอนทราสต์ WCAG คืออะไร

คอนทราสต์ WCAG เทียบความสว่างสัมพัทธ์ของข้อความกับพื้นหลัง เป้าหมายที่ใช้บ่อยคือ 4.5:1 สำหรับ AA ข้อความปกติ 3:1 สำหรับ AA ข้อความใหญ่ 7:1 สำหรับ AAA ข้อความปกติ และ 4.5:1 สำหรับ AAA ข้อความใหญ่ การตรวจนี้ไม่ครอบคลุมขนาดฟอนต์ น้ำหนัก หรือส่วนที่เหลือของการเข้าถึง

วิธีแปลงสี

เลือก HEX RGB HSL HSV หรือ CMYK วางค่าหรือเลื่อนตัวเลือกสี การแปลงทำงานขณะพิมพ์ คัดลอกผลลัพธ์ใดก็ได้ สำหรับคอนทราสต์ ตั้งพื้นทึบแล้วอ่าน PASS หรือ FAIL ข้างแต่ละแถว WCAG

ความเป็นส่วนตัว

ไม่มีอะไรส่งไป NEXNARA หรือ API สีภายนอก ค่าไม่ได้เก็บในคุกกี้หรือที่เก็บในเครื่องสำหรับเครื่องมือนี้

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

แปลง HEX เป็น RGB อย่างไร

วางค่า HEX เช่น #FF0000 หรือเลือกสี RGB จะเป็น rgb(255, 0, 0)

แปลง RGB เป็น HEX อย่างไร

เลือก RGB แล้วใส่ rgb(255, 0, 0) หรือช่อง R G B HEX จะเป็น #FF0000

HSL ต่างจาก HSV อย่างไร

ทั้งคู่ใช้ฮิวและความอิ่มตัว แต่ช่องที่สามของ HSL คือความสว่าง (lightness) ของ HSV คือค่า (brightness) แดงสว่างเต็มคือ lightness 50% ใน HSL และ value 100% ใน HSV

HSV เหมือน HSB หรือไม่

ใช่ B ของ HSB (brightness) คือ V ของ HSV (value) เครื่องมือนี้รับ hsv() และ hsb()

แปลง RGB เป็น CMYK ได้หรือไม่

ได้ ในฐานะประมาณจาก RGB จอ จะไม่ตรงกับโปรไฟล์เครื่องพิมพ์ทุกเครื่อง

ทำไม CMYK ที่พิมพ์ถึงดูต่าง

กระดาษ หมึก และโปรไฟล์ ICC เปลี่ยนผล หน้านี้ไม่ได้จำลองเครื่องพิมพ์

HEX 8 หลักหมายความว่าอะไร

สองหลักสุดท้ายคือแอลฟา #FF000080 คือแดงที่ทึบประมาณ 50%

ต้องใช้อัตราส่วนคอนทราสต์เท่าไร

WCAG AA ข้อความปกติคือ 4.5:1 ข้อความใหญ่ใช้ 3:1 ได้ AAA ข้อความปกติคือ 7:1 เครื่องมือนี้รายงานแค่สี่การตรวจนี้

แปลงที่เครื่องหรือไม่

ใช่ ทำงานในเบราว์เซอร์ ไม่มีเซิร์ฟเวอร์และไม่มี API ภายนอก

แปลง HEX เป็น HSL อย่างไร

วาง HEX แล้วอ่านช่อง HSL หรือเริ่มจาก HSL แล้วคัดลอก HEX ฮิว 360 เท่ากับ 0