RGB синга 0 дән 255 кә кадәр өч децимал канал бирә. HEX га әйләндерү һәр каналны ике цифрлы hexadecimal санга әйләндерә, шуның белән бөтен төс бер компакт кодка сыя, һәм һәр браузер, дизайн коралы һәм стиль-гайд аны аңлый.
RGB дан HEX га конвертация ничек эшли
- Кызыл каналны ал һәм 16 гә бүл: өлеш — беренче цифра, калдык — икенчесе.
- 10нан 15кә кадәр цифрларны Aдан Fгә язып куй — 255 FFга әйләнә.
- Яшел һәм зәңгәр өчен дә кабатла, бер цифрлы булса алгы нуль өстәп: 5 → 05.
- Өч парны берләштер һәм алгы ягыңа # ку.
Эшләгән үрнәк
Тулы төгәл, әгәр каналлар 0 дән 255 кә кадәр бөтен саннар булса. Мәсәлән rgb(79.5, 70, 229) кебек өлешле мәнфәләр беренчелдә иң якын бөтен санга түгәрәкләнә, чөнки HEX аралыктагы кыйммәтләрне сакламый.
RGB һәм HEX аңлатмасы
RGB нәрсә ул?
RGB төсне яктылыкның өч каналы — кызыл, яшел һәм зәңгәр — буларак тасвирлый, һәркайсы 0 дән 255 кә кадәр. Бу экраннарның ничек эшләвен чагылдыра: барысы 255 булса ак, барысы 0 булса кара була. RGB саннар белән исәпләү кирәк булганда, шул исәптән rgba() белән үтә күренмә өстәргә теләгәндә дөрес сайлау.
- Синтаксис:
- rgb(R, G, B)
- Диапазон:
- Каналга 0–255
- Киңрәк кулланыш өчен:
- код, canvas, rgba() белән үтә күренмә
HEX нәрсә ул?
HEX коды — алда торган # символы белән бирелгән алты санлы hexadecimal сан, ул төснең кызыл, яшел һәм зәңгәр каналларын саклый. Һәр пар бит каналны белдерә, 00 (юк) дән FF (тулы) кадәр, бу RGB белән бер үк 16.7 миллион төсне кыскарак язылышта бирә. HEX CSS, дизайн кораллары һәм бренд-гидада төп формат булып тора.
- Синтаксис:
- #RRGGBB
- Диапазон:
- Каналга 00–FF
- Киңрәк кулланыш өчен:
- CSS, дизайн тапшырмасы, бренд-һүҗәтләр
RGB дан HEX га төп таблица
Иң киң таралган CSS төсләре, RGB дан HEX га конвертацияләнгән.
| Төс | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |