ตัวแปลงสี
แปลงสีระหว่าง HEX, RGB, HSL, HWB และ CMYK พร้อมรองรับความโปร่งใสและตัวอย่างสด
เลือก
Alpha (ความโปร่งใส)
1.00
HEX
คัดลอกแล้ว!
RGB
คัดลอกแล้ว!
HSL
คัดลอกแล้ว!
HWB
คัดลอกแล้ว!
CMYK (โดยประมาณ)
คัดลอกแล้ว!
วิธีการทำงาน
ตัวแปลงสีแปลงค่าสีระหว่างรูปแบบ HEX, RGB, HSL และ HSV โดยใช้สูตรทางคณิตศาสตร์มาตรฐาน
ป้อนสีในรูปแบบที่รองรับ: เลขฐานสิบหก (#RRGGBB), RGB, HSL หรือ HSV เครื่องคำนวณจะแสดงการแทนค่าอื่นๆ ทั้งหมดพร้อมกันทันที
ใช้ตัวเลือกสีเพื่อเลือกสีด้วยภาพโดยไม่ต้องป้อนด้วยตนเอง
HEX พบบ่อยที่สุดใน CSS และ HTML RGB เหมาะสำหรับการดำเนินการแบบโปรแกรม HSL ใช้งานง่ายที่สุดเมื่อปรับสี ความอิ่มตัว และความสว่าง
กรณีการใช้งาน
- จับคู่สีในการออกแบบระหว่างเครื่องมือ
- แปลงชุดสีแบรนด์
- สร้างตัวแปรสี CSS
- เข้าใจโมเดลสี
- ส่งออกค่าสีสำหรับสภาพแวดล้อมต่างๆ
คำถามที่พบบ่อย
- ทำไม HSL ถึง HEX ถึง HSL อาจไม่ได้ค่าเดิม?
- การแปลงระหว่างพื้นที่สีมีการปัดเศษที่หลีกเลี่ยงไม่ได้ ความแตกต่างมองไม่เห็นด้วยตา
- รองรับช่อง Alpha/ความโปร่งใสหรือไม่?
- เวอร์ชันปัจจุบันจัดการสีที่ทึบสมบูรณ์ Alpha (RGBA/HSLA) อยู่ในแผน
- ควรเลือกรูปแบบใดสำหรับ CSS?
- HEX หรือ rgb() สำหรับสีเว็บทั่วไป hsl() เมื่อปรับความสว่างและความอิ่มตัวแบบโปรแกรม
- คัดลอกค่าด้วยคลิกเดียวได้หรือไม่?
- ได้ แต่ละช่องผลลัพธ์มีปุ่มคัดลอก
- ตัวแปลงจัดการสี CSS ที่ตั้งชื่อได้หรือไม่?
- ไม่โดยตรง ป้อนค่า HEX เทียบเท่า