Langsung ke pemilih warna

Konverter HSB / HSV ke HEX

Tempel nilai HSB / HSV, langsung dapat HEX. Format lain juga bisa.

Dibaca sebagai HSV

Nilai HEX#ff5733

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh HSB / HSV ke HEX

WarnaHSB / HSVHEX
hsv(0 100% 100%)#ff0000
hsv(120 100% 100%)#00ff00
hsv(240 100% 100%)#0000ff
hsv(0 0% 100%)#ffffff
hsv(0 0% 0%)#000000
hsv(0 0% 50.2%)#808080
hsv(10.59 80% 100%)#ff5733
hsv(217.22 76.02% 96.47%)#3b82f6
hsv(160.12 91.35% 72.55%)#10b981
hsv(37.69 95.51% 96.08%)#f59e0b
hsv(258.31 62.6% 96.47%)#8b5cf6
hsv(330.37 69.49% 92.55%)#ec4899

Tentang HSB / HSV dan HEX

HSV, disebut juga HSB, memakai rona, saturasi, dan value. Photoshop, Figma, dan kebanyakan pemilih warna memakainya untuk area pemilih berbentuk kotak.

HEX menulis merah, hijau, dan biru masing-masing sebagai dua digit heksadesimal, seperti #ff5733. Ini cara paling umum menulis warna di web dan di aplikasi desain.

Cara kerja konversinya

Kami membaca nilai HSB / HSV, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke HEX. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.

Tanya jawab

Bagaimana cara mengonversi HSB / HSV ke HEX?

Tempel atau ketik nilai HSB / HSV di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai HEX.

Apakah konversi HSB / HSV ke HEX ini akurat?

Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.

Bisakah saya mendapatkan format lain sekaligus?

Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.

Apakah konverter ini gratis?

Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.