UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
◐

ตัวแปลงสี

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

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →
RGB
HSL

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

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

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

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

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

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