การแปลงรหัสสีระหว่าง HEX, RGB และ HSL ทำได้ทันทีด้วยเครื่องมือออนไลน์ฟรีนี้ ไม่ต้องสมัครสมาชิก
การแปลงรหัสสีคืออะไร?
รหัสสีมีหลายรูปแบบที่ใช้ในงานต่างๆ เครื่องมือนี้แปลงสีระหว่าง HEX (#RRGGBB), RGB (rgb(r, g, b)) และ HSL (hsl(h, s%, l%)) โดยทั้งสามรูปแบบแทนสีเดียวกันแต่ต่างวิธีแสดง
วิธีแปลงรหัสสี
- พิมพ์สีในรูปแบบใดก็ได้: HEX, RGB หรือ HSL
- รูปแบบอื่นๆ จะแปลงโดยอัตโนมัติทันที
- ดูตัวอย่างสีจริง
- คัดลอกรูปแบบที่ต้องการ
ทำงานในเบราว์เซอร์ ไม่มีการส่งข้อมูลออกไป
กรณีการใช้งาน
- CSS - แปลงสีระหว่างรูปแบบสำหรับ stylesheet
- Figma/Sketch - นำสีจากซอฟต์แวร์ออกแบบมาใช้ในโค้ด
- ทีมออกแบบ - แชร์รหัสสีในรูปแบบที่ทุกคนเข้าใจ
- การ debug - ตรวจสอบว่าสีที่แสดงตรงกับค่าที่กำหนดหรือไม่
- Brand Guidelines - แปลงสีจาก Pantone หรือ CMYK เพื่อใช้บนเว็บ
คำถามที่พบบ่อย
HEX กับ RGB ต่างกันอย่างไร? เป็นสีเดียวกัน แต่แสดงต่างกัน #FF0000 = rgb(255, 0, 0) = สีแดง
HSL มีประโยชน์อะไรเพิ่มเติม? HSL ทำให้ปรับความสว่างและความอิ่มตัวได้ง่ายโดยไม่ต้องคำนวณค่า RGB
OKLCH คืออะไร ต่างจาก HSL อย่างไร? OKLCH เป็นรูปแบบสีใหม่ที่ perceptually uniform กว่า HSL ใช้ใน CSS modern
#000000 กับ #000 เหมือนกันไหม? ใช่ #000 เป็นรูปแบบย่อของ #000000 (สีดำ)