ตัวแปลงสี
เครื่องมือแปลงสีนี้แปลงสีใดก็ได้ระหว่าง HEX, RGB และ HSL โดยอัปเดตทั้งสามรูปแบบพร้อมกัน และแสดงตัวอย่างสีแบบเรียลไทม์
เกี่ยวกับเครื่องมือนี้
เครื่องมือแปลงสีนี้แปลงสีใดก็ได้ระหว่าง HEX, RGB และ HSL โดยอัปเดตทั้งสามรูปแบบพร้อมกัน และแสดงตัวอย่างสีแบบเรียลไทม์
วิธีใช้
- ป้อนรหัส HEX ค่า RGB หรือค่า HSL หรือเลือกสีจากตัวเลือกสี
- อีกสองรูปแบบและตัวอย่างสีจะอัปเดตให้อัตโนมัติ
- ใช้ Random Color เพื่อหาไอเดีย แล้วคลิก Copy HEX หรือ Copy RGB
ข้อควรรู้
- HEX คือการเขียนค่า RGB ในเลขฐาน 16 ในรูปแบบ #RRGGBB โดยแต่ละคู่มีค่า 00–FF (0–255 ในฐานสิบ)
- รูปแบบย่อ 3 หลัก เช่น #0af จะขยายเป็น #00aaff
- HSL อธิบายสีด้วยค่า hue (0–360°), saturation (0–100%) และ lightness (0–100%)
- HEX, RGB และ HSL อธิบายสี sRGB ชุดเดียวกัน การแปลงระหว่างกันจึงไม่ทำให้สีเปลี่ยน
ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ข้อมูลที่คุณป้อนจะไม่ถูกอัปโหลดหรือจัดเก็บ
คำถามที่พบบ่อย
แปลง HEX เป็น RGB ได้อย่างไร
แบ่งตัวเลข 6 หลักออกเป็น 3 คู่ แล้วแปลงแต่ละคู่จากเลขฐานสิบหกเป็นฐานสิบ เช่น #1DB954 คือ rgb(29, 185, 84)
ควรใช้ HSL แทน HEX เมื่อไร
HSL ช่วยให้สร้างเฉดสีที่อ่อนลง เข้มขึ้น หรือความอิ่มตัวน้อยลงได้ง่ายๆ ด้วยการเปลี่ยนตัวเลขเพียงค่าเดียว ซึ่งสะดวกมากสำหรับ design system
การแปลงทำให้ความแม่นยำของสีลดลงหรือไม่
ค่า HSL ที่นี่ถูกปัดเป็นจำนวนเต็ม การแปลงไปกลับจึงอาจทำให้ค่าช่องสีเลื่อนไปหนึ่งระดับ แต่ความแตกต่างที่มองเห็นได้น้อยมาก
มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์หรือไม่
ไม่ การแปลงทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ