ตัวแปลง HSL เป็น HSV: แปลงสีสด เป็นส่วนตัว
ตัวแปลง HSL เป็น HSV นี้เปลี่ยนสี HSL ให้เป็น HSV และอัปเดตผลลัพธ์ทันทีเมื่อคุณแก้ไขด้านใดด้านหนึ่ง นอกจากนี้ยังรับอินพุตสีทั่วไป เช่น #abc, rgb(1 2 3 / 50%) และ named colors ดูตัวอย่างสี คัดลอกบรรทัด CSS พร้อมวาง และตรวจดูคำเตือนสีนอกขอบเขตเมื่อสีอยู่นอก sRGB
ตัวแปลง HSL เป็น HSV ช่วยให้คุณแปลงค่าสีระหว่าง HSL และ HSV ได้โดยตรงในเบราว์เซอร์ ป้อนสี HSL เพื่อดูค่า HSV ที่เทียบเท่า หรือแก้ไขด้านใดด้านหนึ่งแล้วดูอีกด้านอัปเดตแบบสด ตัวอย่างสีทำให้ตรวจสอบผลลัพธ์ได้ง่าย และมีบรรทัด CSS พร้อมวางให้คัดลอก
ตัวแปลงรองรับ HSL และยังแยกวิเคราะห์อินพุตสีทั่วไป เช่น #abc, rgb(1 2 3 / 50%) และ named colors เมื่อคุณแก้ไขค่า ค่าที่สอดคล้องอีกด้านจะอัปเดตทันที เครื่องมือยังแสดงคำเตือนสีนอกขอบเขตเมื่อสีอยู่นอก sRGB โดยไม่ได้ระบุตัวเลือกการแปลงเพิ่มเติม
HSL และ HSV เป็นสองวิธีในการแสดงสีโดยใช้ hue และ saturation โดย HSL มี lightness และ HSV มี value การแปลงระหว่างกันมีประโยชน์เมื่อระบบ เวิร์กโฟลว์ หรือเอกสารอ้างอิงใช้โมเดลหนึ่ง แต่ค่าสีของคุณอยู่ในอีกโมเดลหนึ่ง การแก้ไขแบบสดและตัวอย่างสีช่วยให้คุณตรวจสอบสีขณะเตรียมค่าที่จะนำไปใช้ซ้ำ
การแปลงทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลที่คุณป้อนจะถูกประมวลผลบนอุปกรณ์ของคุณ ไม่มีการอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ ไม่ต้องสมัครสมาชิก และเมื่อหน้าเพจโหลดเสร็จแล้ว เครื่องมือใช้งานออฟไลน์ได้โดยไม่พึ่งพาเซิร์ฟเวอร์ มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ย้ายค่าสีไปใส่ในโค้ด ตรวจสอบค่าที่ได้รับมา หรือเตรียมเอกสารอ้างอิงสีที่ชัดเจนให้เพื่อนร่วมทีม
ขั้นตอนที่ 1: ป้อนหรือวางสี HSL หรือใช้อินพุตสีที่รองรับอื่น เช่น #abc, rgb(1 2 3 / 50%) หรือ named color
ขั้นตอนที่ 2: ตรวจดูผลลัพธ์ HSV ซึ่งจะอัปเดตขณะคุณพิมพ์ คุณยังสามารถแก้ไขด้าน HSV แล้วดูค่า HSL อัปเดตแบบสดได้
ขั้นตอนที่ 3: ตรวจดูตัวอย่างสีและมองหาคำเตือนสีนอกขอบเขตหากสีอยู่นอก sRGB
ขั้นตอนที่ 4: คัดลอกผลลัพธ์หรือบรรทัด CSS พร้อมวางเพื่อใช้ในโค้ด เอกสาร หรือบันทึกของคุณ
กรณีการใช้งาน: ย้ายข้อมูลสี HSL ไปยังระบบที่รับ HSV แทน แล้วคัดลอกค่าที่แปลงแล้วไปใช้ในเวิร์กโฟลว์ของคุณ
กรณีการใช้งาน: ตรวจสอบว่าค่า HSV ตรงกับต้นฉบับ HSL หรือไม่ โดยป้อนทั้งสองค่าแล้วเปรียบเทียบผลลัพธ์สด
กรณีการใช้งาน: เตรียมรายละเอียดสีสำหรับเอกสาร ทิกเกต หรือข้อความคอมมิต พร้อมตัวอย่างสีที่ช่วยให้ระบุสีได้
กรณีการใช้งาน: ตรวจความถูกต้องของการแปลงสีก่อนนำผลลัพธ์ไปใส่ในโค้ด โดยใช้ตัวอย่างสีและคำเตือนสีนอกขอบเขตเป็นการตรวจสอบแบบเห็นภาพ
กรณีการใช้งาน: ใช้งานค่าสีที่คัดลอกมาในรูปแบบทั่วไปต่าง ๆ ทั้ง short hex, RGB ที่มี alpha และ named colors
กรณีการใช้งาน: สำรวจว่าการเปลี่ยนแปลงสี HSL ส่งผลต่อค่า HSV ที่เทียบเท่าอย่างไร โดยแก้ไขด้านใดด้านหนึ่งแล้วดูอีกด้านอัปเดต