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