RGB maringi telung channel desimal antarane 0 lan 255. Ngonversi menyang HEX ngowahi saben channel dadi angka heksadesimal loro digit, supaya kabeh warna muat ing siji token kompak sing dimangerteni browser, piranti desain lan pandhuan gaya.
Carane konversi saka RGB dadi HEX
- Jupuk channel abang lan bagi nganggo 16: hasil bagi iku digit pisanan, sisane iku digit kapindho.
- Tulis angka 10 nganti 15 minangka huruf A nganti F — 255 dadi FF.
- Baleni kanggo ijo lan biru, isi digit siji karo nol ing ngarep: 5 dadi 05.
- Gabung telung pasangan kasebut banjur lebokake # ing ngarep.
Conto kerja
Pas yen channel minangka angka bulat saka 0 nganti 255. Nilai desimal kaya rgb(79.5, 70, 229) dibundher dhisik menyang integer paling cedhak, amarga HEX ora bisa nyimpen nilai antarane.
RGB lan HEX dijlentrehake
Apa iku RGB?
RGB nerangake warna minangka telung channel cahya — abang, ijo lan biru — saben siji saka 0 nganti 255. Iki nggambarake cara kerja layar: kabeh telu ing 255 menehi putih, kabeh ing 0 menehi ireng. RGB pilihan sing pas nalika kowe butuh ngitung nganggo warna, lan rgba() nambah transparansi ing ndhuwur.
- Sintaksis:
- rgb(R, G, B)
- Rentang:
- 0–255 saben channel
- Paling cocog kanggo:
- kode, canvas, transparansi karo rgba()
Apa iku HEX?
Kode HEX iku angka heksadesimal 6-digit sing nyimpen channel abang, ijo lan biru saka sawijining warna kanthi tandha # ing ngarep. Saben pasangan digit makili siji channel, saka 00 (ora ana) nganti FF (penuh), menehi jumlah warna sing padha karo RGB (16.7 yuta) ing notasi sing luwih cendhak. HEX minangka default ing CSS, piranti desain lan pandhuan merek.
- Sintaksis:
- #RRGGBB
- Rentang:
- 00–FF saben channel
- Paling cocog kanggo:
- CSS, handoff desain, pandhuan merek
Tabel referensi saka RGB menyang HEX
Werna CSS sing paling umum, dikonversi saka RGB menyang 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 |