RGB méré tilu kanal desimal antara 0 jeung 255. Ngarobah ka HEX ngarobah tiap kanal jadi angka hexadecimal dua-digit, sahingga sakabéh warna muat kana hiji token kompak anu kaharti ku browser, alat desain jeung gaya pituduh.
Kumaha konvérsi RGB ka HEX jalanna
- Geura béakkeun saluran red ku 16: hasil bagi (quotient) nyaéta digit kahiji, sésana (remainder) digit kadua.
- Tulis digit 10 nepi ka 15 minangka hurup A nepi ka F — 255 jadi FF.
- Ulah poho pikeun ngulang pikeun green jeung blue, eusian digit tunggal ku nol di hareup: 5 jadi 05.
- Gabungkeun tilu pasangan éta tuluy pasang tanda # di hareupna.
Conto nu jalan
Pas pisan salami saluran mangrupa angka bulat ti 0 nepi ka 255. Nilai fraksional sapertos rgb(79.5, 70, 229) dibunderkeun ka integer pangdeukeutna heula, sabab HEX teu bisa nyimpen nilai antara.
RGB jeung HEX dijelaskeun
Naon éta RGB?
RGB ngajelaskeun warna salaku tilu kanal cahaya — beureum, héjo jeung biru — masing-masing ti 0 nepi ka 255. Ieu ngagambarkeun kumaha layar sabenerna gawé: katilu dina 255 jadi bodas, katilu dina 0 jadi hideung. RGB téh pilihan anu bener lamun anjeun kudu ngitung maké warna, sarta rgba() nambahkeun transparansi di luhur.
- Sintaks:
- rgb(R, G, B)
- Rentang:
- 0–255 per kanal
- Pangalusna pikeun:
- kode, canvas, transparansi kalawan rgba()
Naon éta HEX?
Kode HEX nyaéta angka hexadecimal genep-digit anu nyimpen kanal beureum, héjo jeung biru tina warna sanggeus tanda #. Unggal pasang digit ngawengku hiji kanal, ti 00 (teu aya) nepi ka FF (penuh), anu masihan jumlah warna anu sarua jeung RGB (16.7 juta) dina notasi leuwih singket. HEX jadi default dina CSS, alat desain jeung pedoman merk.
- Sintaks:
- #RRGGBB
- Rentang:
- 00–FF per kanal
- Pangalusna pikeun:
- CSS, handoff desain, pedoman merk
tabel rujukan RGB ka HEX
Warna CSS anu paling umum, dikonversi ti RGB ka HEX.
| Warna | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |