ตัวแปลงชื่อสี เป็น HEX พร้อมพรีวิวสีสด
แปลงชื่อสีหรือค่าสีที่รองรับเป็น HEX แล้วแก้ไขฝั่งใดฝั่งหนึ่งเพื่ออัปเดตอีกฝั่งแบบสด ตัวแปลงรองรับชื่อสี ค่าเลขฐานสิบหกแบบสั้นเช่น #abc และไวยากรณ์ RGB เช่น rgb(1 2 3 / 50%) ดูตัวอย่างสีด้วยตัวอย่างสี คัดลอกบรรทัด CSS พร้อมวาง และตรวจสอบคำเตือนสีนอกขอบเขตเมื่อสีอยู่นอก sRGB
ตัวแปลงชื่อสี เป็น HEX เป็นตัวแปลงในเบราว์เซอร์สำหรับเปลี่ยนชื่อสีและค่าสีอื่นที่รองรับเป็นเลขฐานสิบหก ป้อนค่าเพื่อดูผลลัพธ์ HEX หรือแก้ไขฝั่งใดฝั่งหนึ่งของตัวแปลงแล้วดูอีกฝั่งอัปเดตแบบสด ตัวอย่างสีให้ภาพพรีวิว และคุณสามารถคัดลอกบรรทัด CSS พร้อมวางได้
ตัวแยกวิเคราะห์รองรับชื่อสี อินพุตเลขฐานสิบหกแบบสั้นเช่น #abc และสัญลักษณ์ RGB เช่น rgb(1 2 3 / 50%) หน้ายังมีตัวเลือกให้ปรับ เมื่อสีอยู่นอก sRGB เครื่องมือจะแสดงคำเตือนสีนอกขอบเขตเพื่อให้คุณสังเกตเห็นขณะตรวจสอบผลลัพธ์
ชื่อสีและค่า RGB แสดงสีต่างจากสัญลักษณ์เลขฐานสิบหก การแปลงระหว่างกันมีประโยชน์เมื่อต้องจับคู่ค่ากับโค้ดเบส จัดทำเอกสารสี หรือส่งต่อไปยังระบบที่คาดหวัง HEX การแก้ไขแบบสองทางสดทำให้เปลี่ยนค่าใดค่าหนึ่งแล้วเปรียบเทียบผลลัพธ์ที่สอดคล้องกันได้ ส่วนตัวอย่างสีช่วยให้ตรวจสอบลักษณะที่ปรากฏ
ตัวแปลงทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตของคุณประมวลผลบนอุปกรณ์และไม่ถูกอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ หลังจากโหลดหน้าแล้ว การแปลงยังใช้งานออฟไลน์ได้ ใช้งานฟรี จึงมีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องการตรวจสอบสีอย่างรวดเร็วโดยไม่พึ่งเซิร์ฟเวอร์
ขั้นตอนที่ 1: ป้อนหรือวางค่าสี เช่น ชื่อสี #abc หรือ rgb(1 2 3 / 50%)
ขั้นตอนที่ 2: แก้ไขฝั่งชื่อสีหรือฝั่ง HEX อีกฝั่งจะอัปเดตแบบสดเมื่อคุณแก้ไข
ขั้นตอนที่ 3: ดูตัวอย่างสีเพื่อเห็นสี และตรวจสอบว่าเครื่องมือแสดงคำเตือนสีนอกขอบเขตหรือไม่
ขั้นตอนที่ 4: คัดลอกผลลัพธ์เลขฐานสิบหกหรือบรรทัด CSS พร้อมวางเพื่อใช้ในโค้ดของคุณ
กรณีการใช้งาน: ย้ายค่าสีเข้าระบบที่รับเลขฐานสิบหก แต่ไม่รับชื่อสีหรือสัญลักษณ์เดิม
กรณีการใช้งาน: ยืนยันว่าค่า HEX ที่ได้รับตรงกับสีต้นฉบับก่อนนำไปใช้ในอินเทอร์เฟซ
กรณีการใช้งาน: เตรียมตัวอย่างสีสำหรับเอกสาร ตั๋วงาน หรือข้อความคอมมิต พร้อมบรรทัด CSS ให้คัดลอก
กรณีการใช้งาน: ตรวจสอบการแปลงสีก่อนวางผลลัพธ์ลงในโค้ดแอปพลิเคชัน
กรณีการใช้งาน: เปรียบเทียบชื่อสีกับค่าเลขฐานสิบหกขณะปรับฝั่งใดฝั่งหนึ่งในตัวแก้ไขสด
กรณีการใช้งาน: ตรวจสอบว่าสีอยู่นอก sRGB หรือไม่ก่อนแชร์หรือใช้ผลการแปลง