Як перевести колір з RGB у HEX
Переводьте кольори з RGB у HEX миттєво. Введіть значення HEX чи RGB або скористайтеся повзунками — усі формати оновлюються одночасно, з попереднім переглядом, формулою й таблицею поширених кольорів.
- Введіть або вставте значення RGB, наприклад rgb(59, 130, 246), у відповідне поле вище.
- Значення HEX оновлюється одразу: rgb(59, 130, 246) — це #3B82F6. Інші формати й попередній перегляд кольору теж оновлюються.
- Скопіюйте значення HEX у свій CSS, дизайн-програму чи код.
Формула переведення RGB → HEX
Переведіть кожен канал RGB (0–255) у двоцифрове шістнадцяткове число й запишіть їх після # у порядку червоний, зелений, синій:
rgb(59, 130, 246) → #3B82F6
Поширені кольори: RGB і HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
Що таке RGB і HEX
RGB задає червоний, зелений і синій канали числами від 0 до 255, наприклад rgb(59, 130, 246). За цією моделлю екрани змішують світло.
Колір у HEX — це # і шість шістнадцяткових цифр: по дві на червоний, зелений і синій, від 00 (немає) до FF (максимум). Це найпоширеніший спосіб запису кольорів у CSS і дизайн-програмах.
Поширені запитання
Чи змінюється колір під час переведення?
HEX, RGB і HSL описують ті самі екранні кольори, тому переведення між ними точне (HSL округлюється до цілих). CMYK — для друку: результат залежить від колірного профілю принтера, тож значення CMYK з екрана — лише відправна точка.
Чи можна використати результат у CSS?
Так. CSS напряму приймає hex (#3B82F6), rgb(59, 130, 246) і hsl(217, 91%, 60%). CMYK — не формат CSS; його використовують у друку й дизайн-програмах.
А як щодо прозорості?
Додайте альфа-канал: 8-цифровий hex (#3B82F680) або rgba()/hsla() у CSS. Конвертер працює з непрозорим кольором; значення альфа однакове в усіх форматах.
Цей інструмент безкоштовний?
Так, він безкоштовний. Без реєстрації та електронної пошти. Результат на цій сторінці.
Як отримати результат?
Скористайтеся інструментом на цій сторінці. Результат з’явиться тут, без надсилання електронною поштою.