Конвертор от RGB към HEX — Преобразувайте RGB стойности в шестнадесетични кодове и шестнадесетични кодове в RGB, с предварителен преглед в реално време.

Какво прави конверторът от RGB в HEX?

Екраните създават всеки цвят чрез смесване на червена, зелена и синя светлина. RGB изразява тази смес като три числа от 0 до 255. HEX изразява същите три числа в шестнадесетична система като кратък код, например #1F3A5F, който обикновено се използва в CSS, инструментите за дизайн и наръчниците за брандиране.

Въведете трите числа, изберете цвят с помощта на палитрата или въведете шестнадесетичен код. Всички формати се актуализират едновременно, като освен това получавате и HSL версия, както и препоръка за това кой цвят на текста се чете най-добре върху него.

Защо хората преобразуват RGB в HEX

Как RGB се превръща в HEX

Всяко от трите числа се превръща в двуцифрена стойност в шестнадесетична система, след което трите двойки се съединяват.

В шестнадесетичната бройна система се използват цифрите от 0 до 9 и буквите от A до F, като A е равно на 10, а F – на 15. Кратък код като #FA0 е съкращение: всяка цифра се удвоява, така че той означава #FFAA00.

Често срещани цветове в RGB и HEX

Как да използвате конвертора от RGB в HEX

1. Въведете стойностите за червено, зелено и синьо или кликнете върху мострата, за да използвате инструмента за избор на цвят.
2. Или въведете шестнадесетичен код в полето „Hex“, за да направите обратното.
3. Прочетете кодовете HEX, RGB и HSL и проверете коефициента на контраст и най-подходящия цвят за текст.
4. Натиснете „Копирай“ до желания формат.

Прости съвети за работа с цветовете

• За да бъде текстът четлив, се стремете към съотношение на контраста от поне 4,5 : 1 за обикновен текст и 3 : 1 за текст с голям шрифт.
• При шестнадесетичните кодове не се прави разлика между главни и малки букви, така че #1f3a5f и #1F3A5F са един и същ цвят.
• Знакът # в началото е необходим в CSS, но тук е по избор. Можете да вмъкнете кода с него или без него.
• Екраните и принтерите показват цветовете по различен начин, поради което отпечатаният цвят може да не съвпада с този, който виждате на екрана.

Ограничения и поверителност