ตัวแปลงระบบสี

แปลงค่าสีระหว่างโมเดลสี HEX, RGB, HSL, HSV, CMYK, LAB และ LCH ได้อย่างแม่นยำ

ตัวแปลงระบบสี

แปลงค่าสีระหว่างโมเดลสี HEX, RGB, HSL, HSV, CMYK, LAB และ LCH ได้อย่างแม่นยำ

วิธีการทำงาน

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.
ศูนย์ความรู้และแนวคิด

แปลงรูปแบบโค้ดสี สลับค่า HEX, RGB, HSL, CMYK และ OKLCH

เครื่องมือแปลงรูปแบบโค้ดสี (Universal Color Space Converter) ช่วยแปลงค่าพิกัดสีไปมาระหว่างมาตรฐานต่างๆ สำหรับงานออกแบบดิจิทัลและงานพิมพ์ ไม่ว่าจะเป็น HEX, RGB, HSL, CMYK ไปจนถึงปริภูมิสีสมัยใหม่อย่าง OKLCH และ LAB โดยใช้การคำนวณทางคณิตศาสตร์ที่แม่นยำ พร้อมทั้งแจ้งเตือนเมื่อสีดิจิทัลเกินขอบเขตขอบข่ายการพิมพ์ (Gamut Warning) ช่วยให้นักพัฒนาและกราฟิกดีไซเนอร์ส่งต่องานระหว่างหน้าจอและการพิมพ์ได้อย่างมั่นใจ

สูตรและหลักการทางเทคนิค

การแปลง RGB เป็น CMYK: K = 1 - max(R', G', B') | C = (1 - R' - K)/(1 - K), M = (1 - G' - K)/(1 - K), Y = (1 - B' - K)/(1 - K) [สำหรับ R', G', B' ∈ [0, 1]]

แปลงค่าสีผ่านเมทริกซ์การคำนวณเพื่อเชื่อมโยงปริภูมิสีแบบบวกแสง (Additive RGB สำหรับหน้าจอ) เข้ากับปริภูมิสีแบบลบแสง (Subtractive CMYK สำหรับหมึกพิมพ์) และปริภูมิสีที่สอดคล้องกับการรับรู้ของมนุษย์ (Perceptual Uniform OKLCH)

ข้อแนะนำและวิธีปฏิบัติที่ถูกต้อง

  • ใช้ค่า CMYK เป็นค่าประมาณการตั้งต้นสำหรับงานพิมพ์: แม้ว่าการแปลงทางคณิตศาสตร์จะให้ค่าที่แม่นยำ แต่ในการพิมพ์เชิงพาณิชย์จริงควรเทียบเคียงกับชาร์ตสี Pantone หรือพิมพ์ตัวอย่างจริงควบคู่กัน
  • นำรหัสสี OKLCH ไปใช้ใน CSS ยุคใหม่: ปริภูมิสี OKLCH มีความสม่ำเสมอในการรับรู้ความสว่างของมนุษย์ ช่วยให้ธีมสีของเว็บไซต์แสดงผลได้สวยงามสม่ำเสมอในทุกเฉดสี
  • ระวังการสูญเสียความสดของสีสดใสเมื่อแปลงเป็น CMYK: สีเรืองแสง (Neon) หรือสีฟ้าสว่างบนหน้าจอ RGB มักอยู่นอกช่วงกามัท (Gamut) ของหมึกพิมพ์ CMYK ทำให้สีที่พิมพ์ออกมาดูทึมลงเล็กน้อย
  • ตรวจสอบค่า Alpha เมื่อแปลงรหัสสี HEX 8 หลัก: สองหลักท้ายของรหัส HEX 8 หลักแทนค่าความโปร่งใส (Alpha) ตรวจสอบให้แน่ใจว่าระบบปลายทางรองรับการอ่านค่าความโปร่งใสนี้

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

ทำไมสีดิจิทัลบนจอ RGB ถึงดูหม่นลงเมื่อนำไปพิมพ์ในระบบ CMYK?
หน้าจอดิจิทัลแสดงผลด้วยแสงแบบบวก (Additive Light) ซึ่งมีขอบเขตช่วงสี (Color Gamut) กว้างกว่าระบบการพิมพ์แบบลบแสง (Subtractive Pigment) ของหมึก CMYK สีที่สว่างจ้าหรือสีนีออนบนหน้าจอจึงไม่สามารถผสมขึ้นมาได้ด้วยหมึกพิมพ์ธรรมดา
ปริภูมิสี OKLCH มีจุดเด่นเหนือกว่าระบบสี HSL เดิมอย่างไร?
OKLCH เป็นปริภูมิสีที่มีความสม่ำเสมอตามการมองเห็นจริงของมนุษย์ (Perceptually Uniform) โดยค่าความสว่างเท่ากันในแต่ละเฉดสีจะสว่างเท่ากันจริงๆ ในสายตามนุษย์ ต่างจาก HSL ที่สีเหลืองที่ค่า Lightness 50% จะดูสว่างจ้ากว่าสีน้ำเงินที่ 50% อย่างเห็นได้ชัด
การแปลงสีบนเครื่องมือนี้ทำงานในเครื่องหรือส่งข้อมูลไปภายนอก?
กระบวนการแปลงค่าสีทั้งหมดทำงานด้วยสูตรคณิตศาสตร์ในจาวาสคริปต์บนเว็บเบราว์เซอร์ของคุณ 100% จึงทำงานได้อย่างรวดเร็วทันทีและปลอดภัยอย่างสมบูรณ์
รหัสสี HEX แบบ 3 หลักกับ 6 หลักต่างกันอย่างไร?
รหัส HEX 3 หลัก (เช่น #F00) เป็นรูปแบบย่อของรหัส 6 หลักที่ตัวอักษรซ้ำกัน (#FF0000) ซึ่งเบราว์เซอร์จะแปลงเป็นสีเดียวกันอย่างสมบูรณ์