ตัวแปลงสี – แปลงค่า HEX, RGB และ HSL
ตัวแปลงสีเปลี่ยนสีที่เลือกหรือค่า HEX ที่กรอกให้อยู่ในรูป HEX, rgb() และ hsl() แสดงพร้อมกันเพื่อเปรียบเทียบง่าย ใช้ตัวเลือกสีหรือกรอกค่า เลือกสเกลต้นทางและปลายทาง จากนั้นคัดลอกรูปแบบที่ต้องการในคลิกเดียว ช่วยให้ไม่ต้องคำนวณสีเองด้วยมือเมื่อเตรียมค่าสำหรับ CSS เครื่องมือออกแบบ หรือดีบัก
ตัวแปลงสีเป็นเครื่องมือบนเบราว์เซอร์สำหรับทำงานกับค่าสีในรูป HEX, rgb() และ hsl() เลือกสีหรือกรอกค่า HEX เพื่อดูรูปของสีพร้อมกัน แล้วคลิกเพื่อคัดลอกอันที่ต้องการ ตัวแปลงสีจึงสะดวกเมื่อต้องแปลงสีระหว่างรูปแบบโดยไม่ต้องคำนวณสีเองด้วยมือ
วิธีใช้ เลือกสีด้วยตัวเลือกสีหรือกรอกค่า จากนั้นเลือกสเกลต้นทางและปลายทาง ตัวแปลงจะแสดงรูป HEX, rgb() และ hsl() ของสี เปรียบเทียบผลแล้วคัดลอกรูปแบบที่เหมาะกับงาน รูปที่รองรับและการคัดลอกช่วยให้การแปลงสีทั่วไปไม่ยุ่งยาก
HEX, RGB และ HSL แสดงสีต่างวิธีกัน ค่าที่เหมาะกับขั้นตอนหนึ่งอาจไม่ใช่รูปแบบที่เครื่องมือหรือโค้ดอื่นต้องการ การแปลงระหว่างรูปแบบมีประโยชน์เมื่อเตรียมค่า CSS แชร์ข้อมูลสีกับเครื่องมือออกแบบ หรือตรวจการคำนวณสีขณะดีบัก การเห็นรูปพร้อมกันยังทำให้เปรียบเทียบรูปแบบง่ายโดยไม่ต้องคำนวณเอง
ตัวแปลงสีทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลของคุณถูกประมวลผลบนอุปกรณ์ของคุณ ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ เครื่องมือใช้งานออฟไลน์ได้หลังโหลดหน้าเว็บ จึงใช้ต่อได้โดยไม่ต้องมีอินเทอร์เน็ต ออกแบบมาสำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องการดู แปลง และคัดลอกค่าสีอย่างรวดเร็ว รวมถึงทุกคนที่ทำงานกับสีใน CSS หรือเครื่องมือออกแบบ
ขั้นตอนที่ 1: เลือกสีด้วยตัวเลือกสี หรือวาง/กรอกค่า คุณพิมพ์ค่า HEX ลงไปโดยตรงก็ได้
ขั้นตอนที่ 2: เลือกสเกลต้นทางและปลายทางสำหรับการแปลง ตัวควบคุมเหล่านี้ช่วยเลือกว่าคุณต้องการรูปสีแบบใด
ขั้นตอนที่ 3: ดูค่า HEX, rgb() และ hsl() ที่แสดงสำหรับสีนั้น การเห็นทุกรูปแบบพร้อมกันทำให้เปรียบเทียบง่าย
ขั้นตอนที่ 4: คัดลอกรูปแบบที่ต้องการในคลิกเดียว ใช้ใน CSS ขั้นตอนออกแบบ หรือโน้ตดีบักของคุณ
กรณีการใช้งาน: แสดงสีใหม่ในรูปแบบที่เครื่องมือหรือระบบอื่นต้องการ เช่น HEX, rgb() หรือ hsl()
กรณีการใช้งาน: ตรวจสอบค่าสีโดยดูรูปที่รองรับพร้อมกัน แทนการคำนวณทีละแบบด้วยมือ
กรณีการใช้งาน: คัดลอกรูปแบบที่ต้องการสำหรับ CSS หรืองานพัฒนาอื่นโดยไม่ต้องคำนวณสีใหม่
กรณีการใช้งาน: เตรียมค่าสีสำหรับส่งงานออกแบบ โดยตรวจรูป HEX, RGB และ HSL ในที่เดียว
กรณีการใช้งาน: ดีบักปัญหาที่เกี่ยวกับสี โดยเปรียบเทียบสีเดียวกันในรูปแบบต่าง ๆ
กรณีการใช้งาน: ใช้ตัวเลือกสีเพื่อตรวจสอบสีและคัดลอกรูปแบบสำหรับงานออกแบบหรือพัฒนา