Warna HEX ke RGB

Dari sampel hex ke saluran

Konversi warna #RGB atau #RRGGBB menjadi tiga nilai saluran RGB. Gunakan arah ini ketika sebuah token desain atau aturan CSS memberikan kode heks tetapi sebuah kontrol grafik meminta untuk bilangan bulat merah, hijau dan biru terpisah. Opsional # adalah notasi, bukan bagian dari nilai numerik. Shorthand tiga digit diperluas sebelum konversi, sehingga #ABC berarti #AABBCC daripada tiga nilai saluran kecil.

Setiap pasangan heks dua digit menjadi satu saluran merah, hijau atau biru dari 0 ke 255; digit shorthand dilipatgandakan. Untuk #2A7FDC, pasangan 2A, 7F dan DC menjadi 42, 127 dan 220 dalam desimal. Masukkan hanya tiga atau enam digit heksadesimal; kode empat dan delapan digit termasuk alfa dan sengaja ditolak di sini. Keluaran adalah ekspresi rgb() siap untuk CSS atau untuk membaca saluran individu.

Mengerti model warna

Ketika memindahkan sampel HEX ke tiga bidang saluran, baca pasangan dalam urutan merah-hijau-biru dan pertahankan nol utama. Hasilnya tidak memiliki saluran alfa; alat ini menggunakan integer RGB dan HSL konvensional, bukan profil manajemen warna. HEX dan RGB menggambarkan tiga saluran cahaya aditif yang sama. Setiap saluran memiliki nilai integer dari nol hingga 255, dan heksadesimal menulis nilai itu dengan dua digit basis-enam belas. Kode enam digit karena itu memiliki pasangan merah, hijau dan biru dalam urutan itu. HSL adalah cara lain untuk menggambarkan warna RGB: rona menunjukkan posisi pada roda warna, saturasi mengendalikan jarak dari kelabu dengan kecerahan yang sama, dan kecerahan menempatkan warna antara hitam dan putih. Bentuk-bentuk ini berguna untuk membandingkan token desain, membaca CSS dan menyesuaikannya dengan palet tanpa menebak apa arti kode.

Memilih representasi yang benar

Kode seperti #0010FF dimulai dengan saluran merah nol; melepaskan pasangan pertama akan memindahkan arti dari setiap saluran. Hasilnya dapat ditempelkan ke dalam deklarasi rgb() CSS, tetapi keluaran tidak dapat memberitahu Anda bagaimana profil tampilan tertentu membuatnya. Jika token desain asli termasuk alfa, rekam itu terpisah sebelum konversi tiga saluran ini. Membandingkan sampel sumber dan rendering RGB adalah periksa visual yang berguna, terutama setelah menyalin kode dari screenshot atau spesifikasi.

Untuk cek konkret, contoh input #2A7FDC menghasilkan rgb(42, 127, 220). 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.