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