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