UTILS.
ทำงานในเบราว์เซอร์ 100%

ตัวแปลงสี

แปลงสีระหว่าง HEX, RGB และ HSL พร้อมตัวอย่างแบบเรียลไทม์

RGB
HSL

คลิกที่ค่า RGB หรือ HSL เพื่อคัดลอก

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

เลือกสีหรือพิมพ์ค่า HEX แล้วดูค่า RGB และ HSL ที่เทียบเท่าทันทีพร้อมตัวอย่างสีแบบเรียลไทม์ คลิกที่ค่าใดก็ได้เพื่อคัดลอก เหมาะสำหรับ CSS ระบบดีไซน์ และการจับคู่สีของแบรนด์

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

HSL คืออะไร
HSL อธิบายสีด้วย Hue (0–360°), Saturation และ Lightness มักเข้าใจง่ายกว่า HEX สำหรับการปรับเฉดสี
รองรับ hex 3 หลักไหม
ใช่ รูปแบบย่ออย่าง #f80 จะถูกขยายเป็นรูปแบบ 6 หลักโดยอัตโนมัติ

เครื่องมือเพิ่มเติม