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