ตัวแปลงสี Hex เป็น HSV
แปลงสี hex ของ CSS เป็น HSV (hue, saturation, value/brightness) สำหรับใช้ในซอฟต์แวร์ออกแบบและตกแต่งภาพ
เครื่องมือนี้ตอบคำถามของคุณหรือไม่
ขอบคุณ — ความเห็นนี้ช่วยให้เราปรับปรุงเครื่องมือ
วิธีใช้เครื่องมือนี้
- กรอกรหัสสี hex
- อ่านค่า hue (0–360°), saturation (0–100%) และ value/brightness (0–100%)
- HSV เหมือนกับ HSB ตัว 'V' และ 'B' ต่างหมายถึงความสว่าง (brightness) เหมือนกัน
แปลงสี hex เป็น HSV (เรียกอีกชื่อว่า HSB — Hue, Saturation, Brightness) โมเดลที่ใช้ในตัวเลือกสีของ Photoshop และแอปออกแบบมากมาย
สูตร
Parse hex to normalized r, g, b (0–1). Then:max = max(r, g, b), min = min(r, g, b), d = max − min
V = max (value/brightness)S = d / max (or 0 if max = 0)
Hue sector (same as HSL):
• R max: H = ((g−b)/d + 6) mod 6
• G max: H = (b−r)/d + 2
• B max: H = (r−g)/d + 4
Then H = H/6 × 360°
คำถามที่พบบ่อย
- HSL กับ HSV ต่างกันอย่างไร?
- ใน HSV, Value=100% กับ Saturation=0% จะได้สีขาว ใน HSL, Lightness=100% จะได้สีขาวเสมอไม่ว่าความอิ่มตัวจะเป็นเท่าไร HSV พบได้ทั่วไปมากกว่าในตัวเลือกสีของซอฟต์แวร์ออกแบบ
- HSV เหมือนกับ HSB หรือไม่?
- ใช่ HSV (Hue, Saturation, Value) และ HSB (Hue, Saturation, Brightness) เป็นโมเดลเดียวกัน เพียงแต่ใช้ชื่อเรียกต่างกัน