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