ข้ามไปยังเนื้อหา
patrache.tools

แปลงรหัสสี

เครื่องมือแปลงรหัสสีออนไลน์ฟรี แปลงระหว่าง HEX, RGB, HSL และ CMYK พร้อมดูตัวอย่างสด เหมาะสำหรับออกแบบเว็บ ประมวลผลบนเบราว์เซอร์

HEX
RGBRGB
HSLHSL
CMYKCMYK
lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
แชร์
ฝัง

ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

เครื่องมือแปลงสีฟรีระหว่าง HEX, RGB, HSL, CMYK และอื่น ๆ เลือกสีด้วยตาและรับโค้ดทุกรูปแบบทันที ประมวลผลในเบราว์เซอร์ จำเป็นสำหรับพัฒนาเว็บและดีไซน์

วิธีใช้งานแปลงรหัสสี?

  1. ป้อนโค้ดสีหรือเลือกจากตัวเลือกสี
  2. ดูผลลัพธ์การแปลงในทุกรูปแบบ
  3. คัดลอกโค้ดในรูปแบบที่ต้องการ

คำถามที่พบบ่อยเกี่ยวกับแปลงรหัสสี

รองรับรูปแบบสีใดบ้าง?

รูปแบบหลักทั้งหมด: HEX, RGB, HSL, HSV, CMYK และอื่น ๆ

การแปลง CMYK แม่นยำไหม?

ใช่ สูตรแปลงมาตรฐานให้ค่า CMYK ที่แม่นยำสำหรับอ้างอิงงานพิมพ์

สองหลักท้ายของรหัส HEX แบบ 8 ตัวหมายถึงอะไร?

สองหลักท้ายคือค่าอัลฟา หรือความทึบแสง โดย FF คือทึบเต็มที่ 00 คือโปร่งใสสนิท และ 80 คือโปร่งราว 50% ดังนั้น #FF573380 จึงเป็นสีส้มนั้นที่ความเข้มครึ่งเดียว รหัส HEX แปดหลักใช้ได้ดีในเบราว์เซอร์ แต่เครื่องมือออกแบบและกระบวนการพิมพ์บางระบบไม่รู้จัก จึงควรแปลงเป็น rgba ก่อนส่งต่อไปยังที่เหล่านั้น

ควรใช้รูปแบบสีใหม่อย่าง OKLCH หรือ LAB เมื่อไร?

ใน HSL แม้ตั้งค่าความสว่างเท่ากัน สีเหลืองก็ยังดูสว่างกว่าสีน้ำเงินมาก ส่วน OKLCH และ LAB สร้างขึ้นบนพื้นฐานความสว่างที่ตามนุษย์รับรู้ สีสองสีที่มีค่าความสว่างเท่ากันจึงดูสว่างพอกันจริง ๆ จุดนี้ทำให้มันมีค่ามากสำหรับจานสีที่วางเรียงกัน งานแสดงผลข้อมูล และการวางระบบสีที่รองรับโหมดมืด หากยังต้องรองรับเบราว์เซอร์รุ่นเก่า ควรเก็บค่า HEX สำรองไว้ด้วย

วิธีใช้แปลงรหัสสีให้เกิดประโยชน์สูงสุด?

  • การแปลง RGB สำหรับจอเป็น CMYK สำหรับงานพิมพ์จะทำให้สีจืดลง โดยเฉพาะสีนีออน
  • รหัส HEX ใช้หกหลักแทนสี และเติมอีกสองหลักเพื่อกำหนดความโปร่งใส (#RRGGBBAA)
  • OKLCH คุมความสว่างตามการรับรู้ของสายตา จึงสร้างชุดเฉดสีที่ไล่ระดับสม่ำเสมอได้ง่าย

Powered by Patrache Studio Tools

โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง