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