HEX у RGB конвертер (а також HSL, HSV, CMYK) – безкоштовно
Безкоштовно, без реєстрації, працює у вашому браузері. Конвертуйте колір між HEX, RGB, HSL, HSV і CMYK за один крок, з урахуванням прозорості. Вставте код у будь-якому форматі або виберіть колір, потім скопіюйте потрібний формат і перевірте контраст тексту.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Контраст для тексту
Білий текст: 5.17:1AA
Чорний текст: 4.06:1AA лише для великого тексту
Для AA потрібно 4.5:1 для звичайного тексту і 3:1 для великого; для AAA — 7:1. Контраст вимірюється для суцільного кольору.
Усе конвертується на вашому пристрої.
Конвертер кольорів HEX у RGB: чому варто користуватися
- 100% безкоштовно
- Користуйтеся скільки завгодно. Без реєстрації, без водяних знаків, без встановлення.
- Конфіденційність за задумом
- Те, що ви вводите, залишається у вашому браузері й ніколи не надсилається нам.
- Працює на будь-якому пристрої
- Працює в браузері на Windows, Mac, Linux, Android та iPhone. Застосунок не потрібен.
Конвертер кольорів HEX у RGB: як користуватися
- Вставте колір у будь-якому форматі, наприклад #2F5BFF чи rgb(47, 91, 255), або скористайтеся піпеткою.
- Налаштуйте непрозорість, якщо потрібна прозорість.
- Скопіюйте значення HEX, RGB, HSL, HSV чи CMYK.
Поширені запитання
- Як перевести HEX у RGB?
- Розбийте шість цифр на три пари й прочитайте кожну пару як число від 0 до 255. Для #2F5BFF це 2F = 47, 5B = 91 і FF = 255, тобто rgb(47, 91, 255). Цей інструмент робить це під час введення.
- А як щодо 8-значних кодів HEX?
- Останні дві цифри — це непрозорість (альфа), від 00 (прозорий) до FF (суцільний). #2F5BFF80 — приблизно 50% непрозорості. Короткі форми, як-от #abc і #abcd, теж працюють.
- Чому значення CMYK виглядають інакше в друці?
- Перетворення з екрана в друк залежить від принтера, фарби й паперу. Показаний тут CMYK — проста математична конвертація; для точних результатів попросіть у друкарні їхній колірний профіль.
- Що означає коефіцієнт контрасту?
- Він показує, наскільки читабельний текст на цьому кольорі. Рекомендації з доступності (WCAG) вимагають щонайменше 4.5:1 для звичайного тексту й 3:1 для великого.
- Чи щось кудись надсилається?
- Ні. Конвертація відбувається на вашому пристрої.
- Конвертер кольорів HEX у RGB — це безкоштовно?
- Так. Користуватися можна безкоштовно, без реєстрації й без встановлення.
Довідка й посібники (англійською)
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Indian Wedding Color Palette Ideas with HEX Codes (Free)Five Indian wedding colour palettes with HEX codes for invites and decor: haldi yellow, mehndi green, sindoor red and gold, jewel tones. Free palette generator.
Схожі інструменти
- Визначити назву кольоруДізнайтеся назву будь-якого кольору: вставте код HEX, RGB чи HSL і отримайте найближчі назви кольорів CSS, простий опис і повний список із 148 іменованих кольорів.
- Перевірка контрасту кольорівПеревірте, чи читається текст на фоні, за коефіцієнтом контрасту WCAG, подивіться результати AA і AAA для звичайного й великого тексту та елементів керування й отримайте найближчий колір, що проходить перевірку.
- Генератор палітр кольорівСтворюйте палітри кольорів натисканням клавіші, фіксуйте кольори, що сподобалися, або будуйте палітру від базового кольору з аналоговою, комплементарною чи тріадною гармонією. Експортуйте як змінні CSS, Tailwind чи JSON.
- Генератор CSS-градієнтівСтворіть лінійний, радіальний чи конічний градієнт із до 8 колірними точками, дивіться результат наживо й копіюйте CSS. Завантажуйте його як фон PNG у поширених розмірах.