Koodu HEX dapọ awọn nọmba 8-bit mẹta sinu awọn digit hexadecimal mẹfa. Yiyipada HEX si RGB tumọ si pinpin awọn digits wọnyẹn sinu awọn tọkọtaya ki o ka tọkọtaya kọọkan gẹgẹbi nọmba oniwọn to wa laarin 0 ati 255 — gangan awọn iye ti CSS, Figma ati awọn olootu aworan n reti.
Bá a ṣe ń yipada HEX sí RGB
- Ṣe ju # akọkọ silẹ ki o si, ti koodu ba ni awọn digit mẹta nikan, ẹẹmeji kọọkan: #f53 di #ff5533.
- Pin awọn digit mẹfa sinu awọn tọkọtaya mẹta — RR, GG ati BB.
- Ka tọkọtaya kọọkan gẹgẹbi nọmba ipilẹ-16 ki o si yipada si ipilẹ 10: FF di 255, 57 di 87, 33 di 51.
- Kọ awọn abajade mẹta gẹgẹ bi rgb(R, G, B).
Àpẹẹrẹ tó ṣiṣẹ
Iyatọ yii jẹ gangan. HEX ati RGB ṣapejuwe awọn iye sRGB kanna ninu kika oriṣiriṣi, nitorina ko si ohun ti a yika tabi sọnu ni itọsọna eyikeyi.
HEX ati RGB ṣàlàyé
Kí ni HEX?
Koodu HEX jẹ nọmba hexadecimal mẹfa-ti-digit ti o tọju ikanni pupa, alawọ ati buluu ti awọ kan lẹhin # akọkọ. Awọn tọkọtaya kọọkan ti awọn digits bo ikanni kan, lati 00 (ko si) si FF (kikun), eyiti o funni ni awọn awọ 16.7 million kanna bi RGB ninu kikọ kukuru. HEX ni aiyipada ninu CSS, awọn irinṣẹ apẹrẹ ati awọn itọsọna ami.
- Sínatìsí:
- #RRGGBB
- Ibiti:
- 00–FF fun ikanni kọọkan
- Tó dára jùlọ fún:
- CSS, gbigbe apẹrẹ, awọn itọsọna ami
Kí ni RGB?
RGB ṣapejuwe awọ gẹgẹbi awọn ikanni ina mẹta — pupa, alawọ ati buluu — ọkọọkan lati 0 si 255. O ṣe afihan bi awọn iboju ṣe n ṣiṣẹ gangan: gbogbo mẹta ni 255 funfun ni, gbogbo ni 0 funfun dudu. RGB jẹ yiyan to tọ nigbakugba ti o nilo lati ṣe iṣiro pẹlu awọ, ati rgba() ṣafikun ifaragba siwaju sii.
- Sínatìsí:
- rgb(R, G, B)
- Ibiti:
- 0–255 fun ikanni kọọkan
- Tó dára jùlọ fún:
- koodu, canvas, ifaragba pẹlu rgba()
Tábìlì ìtọ́kasí HEX sí RGB
Àwọn awọ CSS tí ó wọ́pọ̀ jùlọ, tí a yí láti HEX sí RGB.
| Awọ | 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) |