Kode HEX ngepak telung nomer 8-bit dadi enem digit heksadesimal. Ngonversi HEX menyang RGB tegese mecah digit kasebut dadi pasangan lan maca saben pasangan minangka angka desimal antara 0 lan 255 — persis nilai sing diarepake CSS, Figma lan editor gambar.
Carane konversi saka HEX dadi RGB
- Copot # ing ngarep lan, yen kode mung ana telung digit, gandhengke saben digit: #f53 dadi #ff5533.
- Pecah enem digit dadi telung pasangan — RR, GG lan BB.
- Waca saben pasangan minangka angka basis-16 lan ubah menyang basis 10: FF dadi 255, 57 dadi 87, 33 dadi 51.
- Tulis telung asil kasebut minangka rgb(R, G, B).
Conto kerja
Konversi iki pas persis. HEX lan RGB nerangake nilai sRGB sing padha ing notasi sing beda, dadi ora ana sing dibuletake utawa ilang ing salah siji arah.
HEX lan RGB dijlentrehake
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
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()
Tabel referensi saka HEX menyang RGB
Werna CSS sing paling umum, dikonversi saka HEX menyang RGB.
| Warna | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |