Langsung ke pemilih warna

Konverter HWB ke HEX

Tempel nilai HWB, langsung dapat HEX. Format lain juga bisa.

Dibaca sebagai HWB

Nilai HEX#ff5733
HEX ke HWB

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh HWB ke HEX

WarnaHWBHEX
hwb(0 0% 0%)#ff0000
hwb(120 0% 0%)#00ff00
hwb(240 0% 0%)#0000ff
hwb(0 100% 0%)#ffffff
hwb(0 0% 100%)#000000
hwb(0 50.2% 49.8%)#808080
hwb(10.59 20% 0%)#ff5733
hwb(217.22 23.14% 3.53%)#3b82f6
hwb(160.12 6.27% 27.45%)#10b981
hwb(37.69 4.31% 3.92%)#f59e0b
hwb(258.31 36.08% 3.53%)#8b5cf6
hwb(330.37 28.24% 7.45%)#ec4899

Tentang HWB dan HEX

HWB menggambarkan warna dari ronanya ditambah seberapa banyak putih dan hitam yang dicampurkan. Format ini bagian dari CSS Color 4 dan praktis untuk tint dan shade.

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 HWB, 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 HWB ke HEX?

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

Apakah konversi HWB 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.