HEX коды үш 8-биттік санды алты оналтылық таңбаларға жинайды. HEX‑ті RGB‑ге түрлендіру дегеніміз сол таңбаларды жұптарға бөліп, әр жұпты 0‑ден 255‑ке дейінгі ондық сан ретінде оқу — дәл сол мәндер CSS, Figma және кескін редакторлары күтеді.
HEX-тан RGB-қа түрлендіру қалай жұмыс істейді
- Алдын ала тұрған # таңбасын алып таста және егер код тек үш таңбадан тұрса, әрбірін екі еселеп жаз: #f53 -> #ff5533.
- Алты таңбаны үш жұпқа бөлі — RR, GG және BB.
- Әр жұпты негізі 16 жүйесінен 10 жүйесіне аударып оқы: FF -> 255, 57 -> 87, 33 -> 51.
- Үш нәтижені rgb(R, G, B) форматында жаз.
Жұмыс істейтін мысал
Бұл түрлендіру дәл. HEX пен RGB бірдей sRGB мәндерін әртүрлі жазбада сипаттайды, сондықтан екі бағытта да дөңгелектеу немесе ақпарат жоғалуы жоқ.
HEX және RGB түсініктемесі
HEX деген не?
HEX коды алдыңғы # таңбасымен бірге үш арнаның — қызыл, жасыл және көк — мәндерін сақтайтын алты таңбалы оналтылық сан. Әр жұп таңба бір арнаны білдіреді, 00 (еш)‑ден FF (максимум)‑қа дейін, бұл RGB‑тің 16.7 миллион түсіне сәйкес келеді, бірақ қысқа жазылады. HEX CSS, дизайн құралдары және бренд нұсқауларында әдеттегі таңдау.
- Синтаксис:
- #RRGGBB
- Ауқымы:
- Арна бойынша 00–FF
- Үшін ең жақсы:
- CSS, дизайн тапсыру, бренд нұсқаулары
RGB деген не?
RGB түсін үш жарық арнасы — қызыл, жасыл және көк — арқылы сипаттайды, әрқайсысы 0‑ден 255‑ке дейін. Бұл экрандардың нақты қалай жұмыс істейтінін көрсетеді: барлық үші 255 болса ақ болады, барлығы 0 болса қара. RGB сандық есептеулер қажет кезде дұрыс таңдау, ал rgba() арқылы мөлдірлік қосылады.
- Синтаксис:
- rgb(R, G, B)
- Ауқымы:
- Арна бойынша 0–255
- Үшін ең жақсы:
- код, canvas, rgba() арқылы мөлдірлік
HEX-тан RGB-қа анықтама кестесі
Ең жиі қолданылатын CSS түстері, HEX-тан RGB-қа түрлендірілді.
| Түс | 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) |