Канвертар RGB у HEX

Што гэта такое і як гэта працуе

Як пераўтварыць RGB у HEX

1. Перацягніце слайдары чырвонага, зялёнага і сіняга колераў — або ўстаўце HEX-код проста ў поле — каб задаць колер.
2. Глядзіце папярэдні ўзор і як змены ў HEX-, RGB- і HSL-значэннях адлюстроўваюцца ў рэжыме рэальнага часу пры іх рэгуляванні.
3. Націсніце на любую картку з значэннем, каб скапіяваць яе і ўставіць у CSS, праграму для дызайну або код.

Асновы колеру

RGB, HEX і HSL: у чым розніца?

RGB, HEX і HSL апісваюць аднолькавыя колеры — гэта проста розныя спосабы запісу адных і тых жа лікаў. RGB вызначае колер як суадносіны чырвонага, зялёнага і сіняга святла, якія яго ўтвараюць, кожны на шкале ад 0 да 255. HEX — гэта тыя ж значэнні RGB, перапісаныя ў кампактны 6-значны шаснаццаціразрадны код, таму rgb(31, 58, 95) і #1f3a5f апісваюць колер праз адценне (яго пазіцыю на колеравым коле), насычанасць (якая яго яркасць) і светлату — фармат, які часта больш інтуітыўна зразумелы для выбару сумежных адценняў.

Дзе звычайна выкарыстоўваецца кожны фармат

Фармат	Тыповае выкарыстанне	Чаму
ГЕКС	CSS, HTML, інструменты дызайну	Кароткі, лёгка ўстаўляць і дзяліцца як адзін радок
RGB	CSS з празрыстасцю (rgba)	Падтрымлівае альфа-канал для празрыстасці
Асноўны колер	Стварэнне каляровых паліт	Лёгка стварыць святлейшыя/цямнейшыя або звязаныя адценні, змяніўшы адзін лік.

Вэб-дызайн

Выкарыстанне гэтых значэнняў у CSS

Любы з трох фарматаў працуе непасрэдна ў стылях: color: #1f3a5f;, color: rgb(31, 58, 95); і color: hsl(210, 51%, 25%); усе адлюстроўваюць аднолькавы насычана-сіні колер. HEX — гэта найбольш распаўсюджаны скарочаны спосаб абазначэння суцэльных колераў, у той час як RGB (або яго rgba() варыянт) карысны, калі колер патрабуе частковай празрыстасці, а HSL дазваляе лёгка ствараць суцэльную гаму адценняў, паколькі адценне застаецца нязменным, а рэгулюецца толькі светласць.

Найбольш частыя пытанні

Частыя пытанні

Ці бясплатны гэты канвертар RGB у HEX?+

Так. Праграма цалкам працуе ў вашым браўзеры на JavaScript, таму няма ўліковага запісу, няма ключа API і няма абмежаванняў на колькасць выкарыстанняў.

Ці загружаюцца мае даныя колеру куды-небудзь?+

Не. Кожная канверсія адбываецца лакальна ў вашым браўзеры. Нічога не адпраўляецца на сервер, не захоўваецца і не запісваецца ў лог.

У чым сапраўдная розніца паміж HEX і RGB?+

Яны апісваюць адзін і той жа колер рознымі абазначэннямі — HEX — гэта шасцізначны шаснаццацікоракавы скарочаны запіс тых жа чырвоных, зялёных і сініх значэнняў RGB, якія пішуцца як тры асобныя лічбы ад 0 да 255.

Звязаныя інструменты

Інструменты для праектавання і распрацоўкі

• Генератар каляровай палітры — стварыце поўную палітру на аснове пераўтворанага колеру.
• Генератар фавіконаў — ператварыце выяву ў матэрыялы для фавіконаў сайта.
• JSON-фармататар — яшчэ адзін хуткі браўзерны інструмент без рэгістрацыі.

Мэтадалогія

Як працуе гэты канвертар

Значэнні ў рэжыме рэальнага часу пераўтвараюцца паміж RGB, HEX і HSL з дапамогай JavaScript, пакуль вы набіраеце або выбіраеце колер — нішто з уведзенага вамі не перадаецца на сервер і нідзе не захоўваецца.

Апошняе абнаўленне: 28 жніўня 2026 г.