HEX kods sapako trīs 8 bitu skaitļus sešos heksadecimālos ciparos. Pārvērst HEX uz RGB nozīmē sadalīt šos ciparus pāros un katru pāri nolasīt kā decimālu skaitli no 0 līdz 255 — tieši tās vērtības, ko sagaida CSS, Figma un attēlu redaktori.
Kā darbojas HEX uz RGB konvertēšana
- Nomet vadības zīmi # un, ja kods ir tikai trīs cipari, dubulto katru: #f53 kļūst par #ff5533.
- Sadaliet sešus ciparus trijos pāros — RR, GG un BB.
- Nolasiet katru pāri kā bāzes 16 skaitli un pārvērtiet to bāzē 10: FF kļūst par 255, 57 kļūst par 87, 33 kļūst par 51.
- Uzraksti trīs rezultātus kā rgb(R, G, B).
Praktisks piemērs
Šī konversija ir precīza. HEX un RGB apraksta tās pašas sRGB vērtības dažādā pierakstā, tāpēc nekas netiek noapaļots vai zaudēts nevienā virzienā.
HEX un RGB izskaidrojums
Kas ir HEX?
HEX kods ir sešciparu heksadecimāls skaitlis, kas aiz vadības zīmes # glabā krāsas sarkanās, zaļās un zilās kanāla vērtības. Katra ciparu pāris attēlo vienu kanālu no 00 (nav) līdz FF (pilna), kas dod tos pašus 16.7 miljonus krāsu kā RGB, bet īsākā pierakstā. HEX ir noklusējums CSS, dizaina rīkos un zīmola vadlīnijās.
- Sintakse:
- #RRGGBB
- Diapazons:
- 00–FF per channel
- Vislabāk piemērots:
- CSS, dizaina nodošana, zīmola vadlīnijas
Kas ir RGB?
RGB attēlo krāsu kā trīs gaismas kanālus — sarkanu, zaļu un zilu — katrs no 0 līdz 255. Tas atspoguļo, kā ekrāni patiesībā strādā: visi trīs 255 dod baltu, visi 0 dod melnu. RGB ir pareizā izvēle, kad jāveic aprēķini ar krāsu, un rgba() pievieno caurspīdīgumu virsū.
- Sintakse:
- rgb(R, G, B)
- Diapazons:
- 0–255 per channel
- Vislabāk piemērots:
- kods, canvas, caurspīdīgums ar rgba()
HEX uz RGB atsauces tabula
Visizplatītākās CSS krāsas, konvertētas no HEX uz RGB.
| Krāsa | 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) |