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