Kode HEX ngumpulkeun tilu angka 8-bit jadi genep digit hexadecimal. Ngarobah HEX ka RGB hartina misahkeun digit éta jadi pasang-pasang jeung maca tiap pasang salaku angka desimal antara 0 jeung 255 — nilai anu persis dipénta ku CSS, Figma jeung éditor gambar.
Kumaha konvérsi HEX ka RGB jalanna
- Buang tanda # hareupna jeung, lamun kodenana ngan tilu digit, gandakeun unggal digit: #f53 jadi #ff5533.
- Pilah genep digit jadi tilu pasang — RR, GG jeung BB.
- Macaan unggal pasang salaku angka basis-16 teras robah kana basis 10: FF jadi 255, 57 jadi 87, 33 jadi 51.
- Tulis tilu hasilna salaku rgb(R, G, B).
Conto nu jalan
Konversi ieu téh pas (exact). HEX jeung RGB ngajelaskeun nilai sRGB anu sarua dina notasi anu béda, jadi euweuh anu dibunderkeun atawa leungit dina kadua arah.
HEX jeung RGB dijelaskeun
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
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()
tabel rujukan HEX ka RGB
Warna CSS anu paling umum, dikonversi ti HEX ka 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) |