Конвертер кольорів RGB в HEX
Перетворіть будь-які значення каналів RGB кольору у готовий для веб-сторінок шістнадцятковий код #RRGGBB і рядок CSS rgb().
#4287F5 · rgb(66, 135, 245)
#4287F5
color mixRed
14.8%
Green
30.3%
Blue
54.9%
Як працює цей калькулятор?
Для перетворення RGB в HEX округліть і обмежте кожен канал до 0-255, потім запишіть кожен як двозначну шістнадцяткову пару і об'єднайте після «#». Наприклад, rgb(66, 135, 245) стає #4287F5. Ті самі канали також утворюють рядок CSS rgb(66, 135, 245), що описує ідентичний колір.
Формула
How this is calculated
Кожен канал кольору — червоний, зелений і синій — є 8-бітним значенням від 0 до 255. Введіть три значення каналів; будь-яке введення округлюється до найближчого цілого числа і обмежується діапазоном 0..255, щоб числа поза діапазоном залишалися дійсними.
Для побудови шістнадцяткового коду кожен канал перетворюється з десяткового в основу 16 (шістнадцяткову). Один байт (0-255) відображається рівно двома шістнадцятковими цифрами, тому кожне значення при необхідності доповнюється початковим нулем (наприклад, 5 стає «05»). Три двозначні пари об'єднуються після початкового «#» і переводяться у верхній регістр для отримання стандартного формату #RRGGBB, що використовується в CSS і дизайнерських інструментах.
Рядок CSS rgb() просто перелічує ті самі обмежені цілі значення каналів як rgb(R, G, B). Обидва записи описують однаковий колір: #FFFFFF дорівнює rgb(255, 255, 255) (білий), а #000000 дорівнює rgb(0, 0, 0) (чорний). Діаграма показує відносну вагу кожного каналу в суміші.
Поширені запитання
Стандартний RGB використовує 8 бітів на канал, що дає 256 можливих рівнів (0-255) для червоного, зеленого і синього. Значення нижче 0 або вище 255 обмежуються цим діапазоном.
Значення від 0 до 255 вміщується в одному байті, що рівно двом шістнадцятковим цифрам (від 00 до FF). Менші числа доповнюються нулями, щоб результат завжди мав шість цифр.
Так. Це два записи одного і того самого кольору. Шістнадцяткова форма компактна, а rgb() більш зрозуміла; обидві є дійсними значеннями кольорів CSS.
Також відомий як
TG we-Calculate Editorial Team. (2026). Конвертер кольорів RGB в HEX [Online calculator]. TG we-Calculate. https://we-calculate.com/uk/calculator/rgb-to-hex-color-converter
TG we-Calculate Editorial Team. "Конвертер кольорів RGB в HEX." TG we-Calculate. 2026. https://we-calculate.com/uk/calculator/rgb-to-hex-color-converter.
TG we-Calculate Editorial Team, "Конвертер кольорів RGB в HEX," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/uk/calculator/rgb-to-hex-color-converter
@misc{wecalculate_rgb_to_hex_color_converter, title = {Конвертер кольорів RGB в HEX}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/uk/calculator/rgb-to-hex-color-converter}}, year = {2026}, note = {TG we-Calculate} }
Чи допоміг вам цей калькулятор?