Konverter HSV ke RGB
Ubah warna HSV/HSB (Hue 0-360°, Saturation dan Value/Brightness 0-100%) menjadi RGB dan kode hex, dengan rincian per kanal dan pratinjau warna langsung.
Input
Posisi pada roda warna, dalam derajat (0-360).
Intensitas warna, dari 0% (abu-abu) hingga 100% (warna penuh).
Tingkat kecerahan, dari 0% (hitam) hingga 100% (paling terang).
Output
| Properti | Nilai |
|---|---|
| No data yet | |
Warna Anda akan muncul di sini.
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hsv-to-rgb-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hue": "0",
"saturation": "100",
"value": "100"
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `hsv-to-rgb-converter` tool (HSV to RGB Converter) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/hsv-to-rgb-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Konverter HSV ke RGB — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Ubah warna HSV — Hue (rona), Saturation (saturasi), dan Value (nilai) — juga disebut HSB, dengan B berarti Brightness (kecerahan) — menjadi kode RGB dan hex yang Anda gunakan di CSS, alat desain, dan kode. Geser ketiga slider, dan string RGB, kode hex, rincian per kanal, serta pratinjau warna langsung akan diperbarui seketika.
Apa itu ruang warna HSV?
HSV menggambarkan warna sebagaimana orang biasanya memikirkannya, bukan sebagai campuran cahaya merah, hijau, dan biru. Ia memiliki tiga komponen:
- Hue (H) — warna dasar, dinyatakan sebagai sudut dari 0 hingga 360 derajat pada roda warna. 0° adalah merah, 120° hijau, 240° biru, dan kembali ke merah pada 360°.
- Saturation (S) — seberapa cerah atau "murni" warnanya, dari 0% (abu-abu) hingga 100% (warna penuh yang paling intens).
- Value / Brightness (V) — seberapa terang warnanya, dari 0% (hitam) hingga 100% (secerah yang diizinkan oleh hue dan saturation).
Karena hue, intensitas warna, dan kecerahan dipisahkan, HSV populer di pemilih warna dan editor gambar: Anda bisa mengubah satu properti — misalnya membuat warna sedikit kurang jenuh — tanpa mengganggu properti lainnya. RGB, sebaliknya, adalah format yang secara native dipahami layar dan stylesheet, sehingga konversi di antara keduanya adalah tugas sehari-hari yang umum.
Cara menggunakan alat ini
- Atur slider Hue (0–360°) untuk memilih warna dasar.
- Sesuaikan Saturation (0–100%) untuk intensitas.
- Sesuaikan Value/Brightness (0–100%) untuk tingkat terang.
Keluaran diperbarui secara otomatis. Anda akan mendapatkan:
- string
rgb(r, g, b)yang siap ditempel ke CSS, - kode hex
#RRGGBByang sesuai, - tabel yang mencantumkan nilai setiap kanal, dan
- pratinjau swatch warna (dengan HTML yang dapat disalin).
Gunakan tombol salin untuk mengambil nilai apa pun.
Cara kerja konversinya
Alat ini menggunakan algoritma konversi HSV-ke-RGB standar. Lingkaran hue dibagi menjadi enam sektor 60°; di dalam setiap sektor dua kanal tetap dan satu berubah secara linear, diskalakan oleh saturation dan value. Hasilnya dibulatkan menjadi nilai kanal bilangan bulat 0–255. Beberapa titik referensi memastikan perhitungannya: H0/S100/V100 menghasilkan merah murni rgb(255, 0, 0), H120 menghasilkan hijau murni, H240 menghasilkan biru murni, dan S0/V50 menghasilkan abu-abu tengah rgb(128, 128, 128).
Apakah HSV sama dengan HSB atau HSL?
HSV dan HSB adalah dua nama untuk model yang sama. HSL (Hue, Saturation, Lightness) adalah model yang berbeda — sumbu lightness-nya berperilaku berbeda dari value pada HSV, sehingga keduanya tidak dapat saling dipertukarkan.
Apakah data warna saya meninggalkan perangkat saya?
Tidak. Konversi berjalan sepenuhnya di browser Anda — tidak ada yang Anda masukkan yang diunggah atau disimpan.
Format hex apa yang dihasilkan?
Kode hex enam digit #RRGGBB dengan huruf kapital, tanpa kanal alpha (HSV tidak memiliki komponen transparansi).