Warna RGB ke HEX

Mengubah kanal RGB menjadi kode heksadesimal

Mengubah tiga saluran RGB integer menjadi warna web heksadesimal enam digit. Pilih alat ini ketika inspektur, aplikasi menggambar atau warna dihitung menyediakan saluran merah, hijau dan biru tetapi lembar gaya memerlukan token heks kompak. Anda dapat memasukkan rgb(42, 127, 220) atau hanya tiga bilangan bulat saluran yang dipisahkan koma. Konverter tidak menerima persentase, saluran pecahan atau nilai alfa keempat.

Setiap saluran merah, hijau dan biru ditulis sebagai dua digit heksadesimal dalam urutan RRGGBB. Saluran 42 adalah 2A dalam basis enam belas, 127 adalah 7F dan 220 adalah DC, memberikan #2A7FDC. Setiap saluran menggunakan tepat dua digit, termasuk nol depan untuk nilai di bawah enam belas. Huruf heks tidak mengubah warna, meskipun keluaran menggunakan huruf besar untuk konsistensi.

Mengerti model warna

Pikirkan keluaran sebagai tiga pasang digit kanal yang digabung setelah #. Hasilnya tidak memiliki saluran alfa; alat ini menggunakan integer RGB dan HSL konvensional, bukan profil manajemen warna. Pilih bentuk yang diharapkan oleh tempat di mana Anda akan menempelkan hasil. CSS menerima baik heks dan rgb () atau hsl () sintaks, tetapi sistem desain atau program grafis dapat menyimpan saluran secara terpisah. Alat ini menggunakan aritmatika sRGB biasa; tidak mengubah antara profil tampilan atau memprediksi bagaimana setiap monitor akan mereproduksi warna. Baik tiga-channel HEX maupun RGB dan HSL keluaran ini termasuk transparansi. Kode alfa empat atau delapan digit membutuhkan operasi terpisah. Saluran RGB integer dan desimal HSL yang ditampilkan juga dapat memutar, sehingga perjalanan pulang-pergi dapat berbeda dengan nilai satu saluran.

Memilih representasi yang benar

Sebagai contoh, merah 0, hijau 16 dan biru 255 menghasilkan #0010FF: pasangan nol penting karena jika tidak batas antara saluran menghilang. Jangan skala nilai dari persentase dengan mata; masukan ini mengharapkan bilangan bulat, jadi konversi persentase dengan sengaja sebelum memasukkannya. Sebuah token HEX yang tertempel dapat diperiksa dengan mendekodikannya kembali ke triplet RGB asli. Perjalanan itu valid aritmetika, meskipun tidak mengatakan apa-apa tentang kalibrasi monitor atau aksesibilitas kontras terhadap latar belakang. Jika opacitas penting, simpan di bidang terpisah.

Untuk cek konkret, contoh input rgb(42, 127, 220) menghasilkan #2A7FDC. Simpan asli di samping hasil ketika membandingkannya dengan aplikasi lain. Untuk periksa kedua, masukkan hasil yang ditampilkan ke dalam alat warna terbalik dan bandingkan dengan input asli. HEX dan integer RGB dapat round-trip dengan tepat; persentase HSL dapat memutar saluran RGB dengan satu. Simpan token sumber jika perbedaan itu penting.