AbraCalc

Công cụ Chuyển đổi Màu Hex sang HSV

Chuyển đổi màu hex CSS sang HSV (hue, saturation, value/độ sáng) để dùng trong phần mềm thiết kế và xử lý ảnh.

Bởi · Kiểm tra bởi AbraCalc Methodology Review · 2 nguồn

Nhúng công cụ này vào trang của bạn
Trích dẫn công cụ này

APA

AbraCalc. (2026). Công cụ Chuyển đổi Màu Hex sang HSV [Online calculator]. Retrieved from https://abracalc.com/vi/doi-hex-sang-hsv/

BibTeX

@misc{abracalc-doi-hex-sang-hsv, author = {AbraCalc}, title = {Công cụ Chuyển đổi Màu Hex sang HSV}, year = {2026}, howpublished = {\url{https://abracalc.com/vi/doi-hex-sang-hsv/}} }

Công cụ này có trả lời được câu hỏi của bạn không?

Cách dùng công cụ này

  1. Nhập mã màu hex.
  2. Đọc sắc độ (0–360°), độ bão hòa (0–100%) và giá trị/độ sáng (0–100%).
  3. HSV giống với HSB; 'V' và 'B' đều có nghĩa là độ sáng.

Chuyển đổi màu hex sang HSV (còn gọi là HSB — Hue, Saturation, Brightness), mô hình được dùng trong bảng chọn màu của Photoshop và nhiều ứng dụng thiết kế.

Công thức

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°

Câu hỏi thường gặp

Sự khác biệt giữa HSL và HSV là gì?
Trong HSV, Value=100% với Saturation=0% cho ra màu trắng. Trong HSL, Lightness=100% luôn cho ra màu trắng bất kể độ bão hòa. HSV phổ biến hơn trong bảng chọn màu của phần mềm thiết kế.
HSV có giống HSB không?
Có. HSV (Hue, Saturation, Value) và HSB (Hue, Saturation, Brightness) là các mô hình giống hệt nhau với quy ước đặt tên khác nhau.

Tài liệu tham khảo và nguồn