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