ตัวแปลงชื่อสีเป็น HEX

พิมพ์ชื่อสี CSS (เช่น tomato หรือ cornflowerblue) เพื่อรับค่า HEX และ RGB

วิธีใช้งาน

  1. กรอกค่าของคุณในช่องด้านบน
  2. กดคำนวณเพื่อดูผลลัพธ์ทันที
  3. ใช้ปุ่มแชร์เพื่อคัดลอกลิงก์ไปยังผลลัพธ์ของคุณ

เกี่ยวกับเครื่องคำนวณนี้

CSS Color Module กำหนดชื่อสีมาตรฐาน 148 ชื่อ ตั้งแต่ชื่อที่พบบ่อยอย่าง tomato ไปจนถึงชื่อที่ไม่ค่อยรู้จักอย่าง papayawhip และ rebeccapurple โดยแต่ละชื่อผูกกับค่า RGB ฐานสิบหกที่แน่นอน ซึ่งเบราว์เซอร์ทุกตัวแสดงผลเหมือนกัน เนื่องจากชื่อเหล่านี้เป็นเพียงชื่อแทนของรหัสฐานสิบหกเฉพาะค่า การแปลงจากชื่อเป็นรหัสและกลับกันจึงเป็นการค้นตารางตรง ๆ ไม่ใช่การคำนวณ

ตัวแปลงนี้รับชื่อสี CSS และคืนค่า HEX และ RGB ที่เทียบเท่า เพื่อให้นำค่าที่แน่นอนไปใส่ในเครื่องมือออกแบบ คู่มือสไตล์ของแบรนด์ หรือโค้ดที่ไม่รับชื่อสีได้ (เช่น แอตทริบิวต์ fill ของ SVG ในบางบริบท หรือไลบรารีกราฟิกที่ไม่ใช่ CSS) นักพัฒนาฟรอนต์เอนด์และนักออกแบบใช้เมื่อแปลงชื่อสีในแบบร่างเป็นตัวแปร CSS แบบกำหนดเอง หรือ API วาดภาพแบบ canvas/SVG ที่ต้องการอินพุตเป็น HEX หรือ RGB

บทความนี้มีประโยชน์หรือไม่

คุณเลือกได้สูงสุด 3 รีแอ็กชัน

ความคิดเห็น

  • เป็นคนแรกที่แสดงความคิดเห็น

เครื่องคำนวณยอดนิยม

เครื่องคำนวณทั้งหมด