RGB дае тры дзесятковыя каналы ад 0 да 255. Пераўтварэнне ў HEX ператварае кожны канал у двухзначнае шаснаццатковае значэнне, так што ўвесь колер умяшчаецца ў адзін кампактны токен, які разумеюць усе браўзэры, дызайнерскія інструменты і стыльгайды.
Як працуе пераўтварэнне з 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 — гэта шасцізначны шаснаццатковы лік, які захоўвае чырвоную, зялёную і сінюю каналы колеру пасля вядучага #. Кожная пара знакаў адпавядае адной канале, ад 00 (няма) да FF (поўна), што дае тыя ж 16.7 мільёна колераў, што і RGB, але ў больш кароткай натацыі. 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 |