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