แปลงสี HEX RGB HSL ฟรีออนไลน์
แปลงสีระหว่าง HEX, RGB และ HSL ได้ทันทีในเบราว์เซอร์ ฟรี ไม่ต้องสมัครสมาชิก
วิธีแปลงสีออนไลน์
- 1
ใส่หรือเลือกสี
คลิกช่องสีเพื่อใช้ตัวเลือกสีแบบภาพ หรือพิมพ์ค่า HEX (เช่น #2E75B6), RGB (เช่น 46, 117, 182) หรือ HSL (เช่น 211, 60%, 45%) ลงในช่องที่ตรงกัน
- 2
เห็นทั้งสามรูปแบบทันที
ช่อง HEX, RGB และ HSL จะอัปเดตทันทีขณะที่คุณพิมพ์หรือเลือกสี
- 3
คัดลอกค่า
คลิกคัดลอกข้างช่องใดก็ได้ เพื่อคัดลอกค่าสีนั้นไปยังคลิปบอร์ด
สีบนเว็บสามารถเขียนได้หลายรูปแบบตามบริบท CSS รองรับ HEX, RGB, RGBA, HSL และ HSLA ส่วนเครื่องมือออกแบบอย่าง Figma และ Sketch มักใช้ HSL ในตัวเลือกสี และส่งออกเป็น HEX เมื่อส่งมอบงาน
HEX เป็นรูปแบบที่กระชับที่สุดและใช้ได้ทั่วไปใน CSS, HTML และซอฟต์แวร์ออกแบบ รูปแบบย่อ 3 หลัก (#abc) จะขยายเป็น 6 หลัก (#aabbcc) ส่วน RGB (แดง เขียว น้ำเงิน) ระบุแต่ละช่องตั้งแต่ 0 ถึง 255 ซึ่งตรงกับวิธีที่หน้าจอเปล่งแสง
HSL (เฉดสี ความอิ่มตัว ความสว่าง) เป็นรูปแบบที่เข้าใจง่ายที่สุดสำหรับคน เฉดสีคือมุมบนวงล้อสี (0° = แดง, 120° = เขียว, 240° = น้ำเงิน) ความอิ่มตัวบอกว่าสีสดแค่ไหน (0% = เทา) และความสว่างบอกว่าสว่างหรือมืด (0% = ดำ, 100% = ขาว) การปรับเฉพาะความสว่างจะได้พาเลตต์เฉดสีที่เป็นธรรมชาติ