HEX коды өч 8-битлы санны алты hexadecimal цифрга җыя. 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 коды — алда торган # символы белән бирелгән алты санлы hexadecimal сан, ул төснең кызыл, яшел һәм зәңгәр каналларын саклый. Һәр пар бит каналны белдерә, 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) |