AbraCalc

Konverter Warna Hex ke HSV

Konversi warna hex CSS ke HSV (hue, saturation, value/brightness) untuk digunakan dalam perangkat lunak desain dan gambar.

Oleh · Ditinjau oleh AbraCalc Methodology Review · 2 sumber

Sematkan alat ini di situs Anda
Kutip alat ini

APA

AbraCalc. (2026). Konverter Warna Hex ke HSV [Online calculator]. Retrieved from https://abracalc.com/id/hex-ke-hsv/

BibTeX

@misc{abracalc-hex-ke-hsv, author = {AbraCalc}, title = {Konverter Warna Hex ke HSV}, year = {2026}, howpublished = {\url{https://abracalc.com/id/hex-ke-hsv/}} }

Apakah alat ini menjawab pertanyaan Anda?

Cara menggunakan alat ini

  1. Masukkan kode warna hex.
  2. Baca hue (0–360°), saturation (0–100%), dan value/brightness (0–100%).
  3. HSV sama dengan HSB; 'V' dan 'B' sama-sama berarti brightness.

Konversi warna hex ke HSV (juga disebut HSB — Hue, Saturation, Brightness), model yang digunakan dalam color picker di Photoshop dan banyak aplikasi desain.

Rumus

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°

Pertanyaan umum

Apa perbedaan antara HSL dan HSV?
Dalam HSV, Value=100% dengan Saturation=0% menghasilkan putih. Dalam HSL, Lightness=100% selalu menghasilkan putih terlepas dari saturasi. HSV lebih umum digunakan dalam color picker perangkat lunak desain.
Apakah HSV sama dengan HSB?
Ya. HSV (Hue, Saturation, Value) dan HSB (Hue, Saturation, Brightness) adalah model yang identik dengan konvensi penamaan berbeda.

Referensi dan sumber