Utilore

RGB ke HEX

Tempel rgb(31, 95, 214), mau pakai koma atau spasi sama saja, dan Anda mendapat #1f5fd6 yang siap dipakai di CSS, di berkas desain, atau di panduan gaya.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Kontras:

Cara pakai

  1. Tempel nilai RGB atau RGBA, atau pilih warna lewat pemilih warna.
  2. Baca kode HEX yang ada di atas format lainnya.
  3. Tekan «Salin» di sebelah baris HEX.

Perlu diketahui

Kenapa desainer meminta HEX

HEX adalah satu token, bukan tiga angka, sehingga mudah ditempel ke dalam spesifikasi, tiket, atau pesan obrolan tanpa ada digit yang hilang. HEX juga notasi yang ditampilkan perkakas desain secara bawaan, jadi palet yang ditulis dalam HEX cocok dengan apa yang dilihat orang lain.

Apa yang terjadi pada kanal alfa

Kalau Anda memasukkan rgba() dengan transparansi, hasilnya adalah HEX delapan digit: pasangan terakhir menyandikan alfa dari 0 sampai 255. Peramban modern membacanya dengan benar, yang lama tidak, jadi tetap pakai rgba() di tempat yang butuh dukungan luas.

Pertanyaan umum

Apakah angkanya harus dibungkus rgb(...)?

Notasi lengkap dengan koma maupun spasi diterima, baik dalam bentuk rgb() maupun rgba(). Nilai di atas 255 dipangkas ke 255, bukan diputar balik diam-diam.

Kenapa kode HEX saya delapan karakter?

Karena warnanya punya kanal alfa. Hilangkan transparansinya dan Anda mendapat kode enam digit yang biasa.

Apakah ada yang dikirim ke server?

Tidak. Seluruh konversi terjadi di dalam halaman ini, jadi warna merek yang belum dirilis tetap ada pada Anda.

Alat terkait