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