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