TG we-Calculate logoTG we-Calculate
Усі калькулятори
Beginner

Конвертер кольорів HEX в RGB

Перетворіть будь-який шістнадцятковий код кольору у значення каналів червоного, зеленого і синього та готовий до вставки рядок CSS rgb().
Accepts #RGB or #RRGGBB
CSS color
rgb(59, 130, 246)
14%
30%
57%
R 59
G 130
B 246
Red / Green / Blue channel mix (0–255 each)
Red (R)
59
Green (G)
130
Blue (B)
246
Normalized hex
#3b82f6
Step by step
  1. 1

    Red channel

    3 × 16 + 11 = 59
  2. 2

    Green channel

    8 × 16 + 2 = 130
  3. 3

    Blue channel

    15 × 16 + 6 = 246
    Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Результати є приблизними оцінками лише для загального ознайомлення та не є професійною порадою — завжди самостійно перевіряйте важливі результати, перш ніж покладатися на них. Прочитати повне застереження.
Швидка відповідь

Як працює цей калькулятор?

Шістнадцятковий колір перетворюється на RGB шляхом видалення «#», розгортання 3-символьного скорочення до 6 цифр, а потім зчитування кожної пари шістнадцяткових цифр як числа з основою 16 від 0 до 255 для червоного, зеленого і синього. Ці три значення утворюють рядок CSS rgb(R, G, B), який використовується безпосередньо в таблицях стилів.

Формула
R = hex[0:2]₁₆, G = hex[2:4]₁₆, B = hex[4:6]₁₆ → rgb(R, G, B)
How this is calculated

Введіть шістнадцятковий колір у вигляді 6-символьного коду (#RRGGBB) або його 3-символьного скорочення (#RGB). Конвертер спочатку видаляє початковий «#». Якщо вказано лише три цифри, кожна цифра подвоюється, тому #abc розгортається до #aabbcc — це забезпечує однаковий вигляд скороченої та повної форм.

Шість шістнадцяткових цифр потім розбиваються на три пари. Кожна пара — це число з основою 16 (шістнадцяткове), яке аналізується як ціле число з основою 10 від 0 до 255: R — з першої пари, G — з другої, B — з третьої. Оскільки дві шістнадцяткові цифри охоплюють від 00 до FF, кожен канал чітко відповідає діапазону 0–255, який використовується в CSS і більшості систем відображення.

Три значення каналів збираються в рядок CSS формату rgb(R, G, B). Вхідні дані перевіряються на наявність лише символів 0–9 і a–f (без урахування регістру) та рівно 3 або 6 цифр після видалення «#»; будь-що інше відхиляється, щоб ніколи не отримати напівзчитаний колір.

Поширені запитання

Вони описують один і той самий простір кольорів. 3-символьне скорочення просто повторює кожну цифру, тому #f0c ідентично #ff00cc. Скорочення використовуйте лише тоді, коли кожен канал задається повторюваною цифрою.

Ні. Шістнадцяткові цифри A–F і a–f представляють однакові значення, тому #FF8800 і #ff8800 перетворюються на однаковий rgb(255, 136, 0).

Дві шістнадцяткові цифри охоплюють від 00 до FF, що дорівнює від 0 до 255 у десятковій системі. Цей 8-бітний діапазон є стандартною точністю для кожного каналу кольору на екранах.

Також відомий як

hex в rgb
конвертер hex в rgb
hex колір в rgb
код кольору
css колір
перетворити hex

APA

TG we-Calculate Editorial Team. (2026). Конвертер кольорів HEX в RGB [Online calculator]. TG we-Calculate. https://we-calculate.com/uk/calculator/hex-to-rgb-color-converter

Chicago

TG we-Calculate Editorial Team. "Конвертер кольорів HEX в RGB." TG we-Calculate. 2026. https://we-calculate.com/uk/calculator/hex-to-rgb-color-converter.

IEEE

TG we-Calculate Editorial Team, "Конвертер кольорів HEX в RGB," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/uk/calculator/hex-to-rgb-color-converter

BibTeX

@misc{wecalculate_hex_to_rgb_color_converter, title = {Конвертер кольорів HEX в RGB}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/uk/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }

Чи допоміг вам цей калькулятор?

Пов'язані калькулятори

Конвертер кольорів RGB в HEX

Перетворіть значення червоного, зеленого і синього (0-255) у шістнадцятковий код #RRGGBB і готовий до використання рядок CSS rgb().

Beginner

Конвертер кольорів RGB в HSL

Перетворіть канали RGB у HSL (відтінок у градусах, насиченість і світлість у відсотках) для зручного налаштування кольорів.

Intermediate

Калькулятор контрастності кольорів WCAG

Перевірте коефіцієнт контрастності між двома шістнадцятковими кольорами та відповідність вимогам WCAG AA/AAA для звичайного і великого тексту.

Advanced

Конвертер коду Грея (Binary ↔ Gray)

Перетворюйте між стандартним двійковим кодом і відображеним кодом Грея, де сусідні значення відрізняються рівно одним бітом.

Intermediate

Acreage Calculator

Calculate the acreage of a rectangular, triangular or circular plot from its dimensions, with results in acres, sq ft, sq m and hectares.

Beginner

Acres to Hectares Converter

Convert acres to hectares (and to square meters, square feet, square miles) instantly using the exact international conversion factor.

Beginner