HSV to HEX
Color Converter
ใส่ค่า H 0–360° · S 0–100% · V 0–100% แล้วได้รหัส #FF5C00 ทันที — มีพรีวิวสีสด คัดลอก HEX / RGB และดาวน์โหลดสวอตช์ PNG ได้เลย
แปลง HSV → HEX
ลากสไลเดอร์หรือพิมพ์ตัวเลข — ผลลัพธ์อัปเดตแบบ live
รองรับ 22 100 100 · 22,100,100 · hsv(22 100% 100%)
พรีวิวสี
H 22 · S 100% · V 100% → #FF5C00สูตรแปลง HSV → RGB → HEX
C = V×S · X = C×(1−|H/60 mod2 −1|) · m = V−C แล้วแบ่ง 6 ช่วงตาม Hue (0–60,60–120…300–360) เติม m และคูณ 255 ปัดเป็น 0–255 แล้วแปลงเป็น HEX 2 หลัก/ช่อง — เครื่องนี้ทำแบบนั้นเป๊ะบนเบราว์เซอร์
พิมพ์แล้วเห็นทันที
ลาก Hue 0–360 หรือพิมพ์ S/V 0–100 — สีและรหัส HEX อัปเดตแบบ live ไม่ต้องกดปุ่มแปลงให้เสียเวลา
คัดลอกพร้อมใช้
ได้ทั้ง #RRGGBB · rgb() · hsl() และบรรทัด CSS --color: #... วางใน Figma/VS Code ได้ทันที
ดาวน์โหลดสวอตช์
กดดาวน์โหลด PNG สีล้วน 800×800 หรือพาเลตต์เล็ก 100×100 ไปใช้พรีเซนต์ ส่งลูกค้า หรือแนบในสไลด์ได้เลย — ทุกอย่างรันบนเครื่อง
คำถามที่พบบ่อย
HSV คืออะไร ต่างจาก RGB/HSL ยังไง?
HSV ย่อจาก Hue (มุมสี 0–360°), Saturation (ความสด 0–100%), Value (ความสว่าง 0–100%) — เข้าใจง่ายกว่า RGB เพราะเลือกสีจากวงล้อ Hue แล้วปรับสด/สว่าง ส่วน HSL คล้ายกันแต่ L คือ Lightness คนละสเกล เครื่องนี้รับ HSV 0–360/0–100/0–100 ตามมาตรฐาน picker ทั่วไป (Figma/Photoshop)
ใส่ค่า HSV แบบไหนได้บ้าง?
ได้ทั้งสไลเดอร์ + ช่องตัวเลข H/S/V แยกกัน หรือวางรวมในช่องเดียว เช่น 18, 92, 100 · 18 92 100 · hsv(18 92% 100%) · 18° 92% 100% ระบบจะ parse ตัวเลข 3 ตัวแรกเป็น H,S,V อัตโนมัติ ค่าเกินช่วงจะ clamp (เช่น 400° → 360°)
สูตรแปลง HSV → HEX คิดยังไง?
แปลง HSV → RGB ก่อนด้วยสูตรมาตรฐาน: C=V×S, X=C×(1−|H/60 mod2−1|), m=V−C แล้วแบ่ง 6 ช่วงตาม Hue เติม m และคูณ 255 ปัดเป็น 0–255 สุดท้ายแปลงแต่ละช่องเป็น HEX 2 หลักรวมเป็น #RRGGBB — ผลตรงกับ Figma/Chrome DevTools
ทำไมต้องมี HEX → HSV ด้วย?
เผื่อคุณมีรหัส HEX จากงานเก่าแล้วอยากรู้ค่า HSV เพื่อไปปรับต่อใน picker — กดปุ่ม HEX → HSV ใส่ #FF5C00 หรือ FF5C00 ระบบจะคำนวณย้อนกลับและเติมค่า H/S/V ให้ทันที
ปลอดภัยไหม ข้อมูลสีถูกส่งไปไหน?
ปลอดภัย 100% — คำนวณด้วย JavaScript บนเบราว์เซอร์ของคุณเท่านั้น ไม่มีการส่งค่าขึ้นเซิร์ฟเวอร์ ไม่เก็บ log ปิดแท็บคือจบ ใช้กับพาเลตต์งานลูกค้าที่เป็นความลับได้สบายใจ