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