ToolVault

ตัวแปลงสี

แปลงสีระหว่าง HEX, RGB, HSL, CMYK พร้อมพรีวิวสด ๆ และพาเล็ตฮาร์โมนีในคลิกเดียว

ป้อนสี (HEX, 3/6/8 หลัก)

เลื่อนเคอร์เซอร์เพื่อดูสีที่แท้จริง แล้วคลิกเพื่อล็อก

HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CMYKcmyk(84%, 58%, 0%, 8%)

พาเลตต์ความกลมกลืน

วิธีใช้ ตัวแปลงสี

  1. ป้อนสีในรูปแบบใดก็ได้ เช่น พิมพ์รหัส hex ปรับแถบเลื่อน RGB หรือวางค่า HSL
  2. ดูช่องตัวอย่างสีแบบเรียลไทม์ แล้วคัดลอกหนึ่งในสี่รูปแบบได้ในคลิกเดียว
  3. กดสร้างชุดสีเพื่อสร้างสีที่เข้ากันจากสีของคุณ ทั้งสีคู่ตรงข้าม สีข้างเคียง และสีสามเส้า

เกี่ยวกับเครื่องมือนี้

แต่ละหน้าจอ ตัวแก้ไข และระบบออกแบบใช้ภาษาสีต่างกันเล็กน้อย CSS ต้องการ HEX หรือ HSL การผสมสีใน Photoshop ชวนให้นึกถึง CMYK ส่วนไลบรารีนิยม rgb() เครื่องมือนี้แปลงได้สองทิศทาง คุณจึงป้อนรูปแบบใดก็ได้ และเห็นทั้งสี่รูปแบบพร้อมช่องตัวอย่างสีแบบเรียลไทม์ เพื่อยืนยันว่าสีตรงกับแบรนด์ก่อนคัดลอก ตัวสร้างชุดสีคำนวณสีคู่ตรงข้าม สีข้างเคียง และสีสามเส้าด้วยการหมุนมุมสีที่ถูกต้อง ซึ่งเป็นวิธีที่นักออกแบบใช้เริ่มสร้างชุดห้าสีจากสีแบรนด์สีเดียวในไม่กี่วินาที เครื่องมือตั้งใจออกแบบให้ตอบสนองทันที ไม่โหลดหน้าใหม่ ไม่มีการวิเคราะห์พฤติกรรม และไม่ต้องรอ ช่องตัวอย่างขนาดใหญ่ยังเหมาะกับเครื่องมือดูดสีและช่วยเทียบสีระหว่างธีมมืดกับธีมสว่างได้ดี

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

ค่า CMYK แม่นยำสำหรับงานพิมพ์หรือไม่?

ค่า CMYK คำนวณทางคณิตศาสตร์จาก RGB ซึ่งเหมาะสำหรับเอกสารและการประเมินคร่าว ๆ อย่างรวดเร็ว สำหรับการตรวจปรู๊ฟขั้นสุดท้าย ควรจัดการสีด้วยเครื่องมือที่รองรับ ICC

รองรับ hex 8 หลักที่มี alpha หรือไม่?

รองรับ ช่องป้อน hex รับรูปแบบ 3, 6 และ 8 หลัก และปรับ alpha ให้เป็นมาตรฐานเมื่อรูปแบบปลายทางรองรับ

สร้างชุดสีแบบใดได้บ้าง?

สีคู่ตรงข้าม (อยู่ตรงข้ามบนวงล้อสี) สีข้างเคียง (เฉดสีที่อยู่ติดกัน) และสีสามเส้า (สามเฉดสีที่เว้นระยะเท่ากัน) โดยแต่ละแบบมีสีแปรผันที่ปรับความสว่างได้

เครื่องมือนี้มีประโยชน์ไหม?