Конвертер кольорів
Введіть колір у будь-якому форматі та негайно отримайте всі конвертації — RGB, Hex, HSL, HWB, CMYK і NCol.
Що таке конвертер кольорів?
Конвертер кольорів перекладає кольори між різними системами кодування, що використовуються у веб-дизайні, друці та цифровому мистецтві. Українські дизайнери працюють із палітрами, що обіймають яскраво-синій прапору, соняшниково-жовтий степів, червоно-чорні кольори вишиванки і смарагдовий карпатських лісів.
Інструмент підтримує шість форматів: RGB, Hex, HSL, HWB, CMYK і Natural Color (NCol). Він також виявляє найближчу назву CSS-кольору, коли відповідність є досить точною.
Кольорові моделі коротко
RGB
Адитивна модель для екранів. Кожен канал 0–255. Усі на максимумі дають білий.
Hex
RGB у шістнадцятковій нотації, широко використовується в CSS. Напр.: #005bbb (синій прапора України).
HSL
Описує колір кутом відтінку (0–360°), насиченістю і світлістю. Близько до людського сприйняття.
HWB
Альтернатива HSL. Використовує відтінок, білизну і чорноту. Просте освітлення або затемнення.
CMYK
Субтрактивна модель для друку: блакитний, пурпурний, жовтий і чорний.
Natural Color (NCol)
W3C Natural Color: відтінок із літерою + відсотковий зсув, білизна і чорнота.
Українські приклади кольорів
Синій прапора (#005bbb)
Яскраво-синій верхньої смуги прапора України (RGB 0, 91, 187). HSL приблизно 213°, 100%, 37%. Символізує синє небо над безкрайніми українськими степами.
Жовтий прапора (#ffd700)
Золотисто-жовтий нижньої смуги прапора та соняшникових полів (RGB 255, 215, 0). HSL приблизно 51°, 100%, 50%. Україна — один із найбільших виробників соняшникової олії у світі.
Вишиванка червоний (#cc0000)
Насичений червоний вишивки у традиційній вишиванці (RGB 204, 0, 0). HSL приблизно 0°, 100%, 40%. Червоно-чорні кольори вишиванки мають глибоке символічне значення.
Карпатський зелений (#2d6e4e)
Глибокий зелений карпатських лісів і букових гаїв (RGB 45, 110, 78). HSL приблизно 151°, 42%, 30%).
Як це працює
- 1
Виберіть формат вводу, що відповідає типу вашого кольорового коду.
- 2
Введіть значення кольору. Результати оновлюються миттєво — кнопка не потрібна.
- 3
Конвертер нормалізує всі вводи у внутрішнє RGB-представлення як універсальну точку відліку.
- 4
З цієї RGB-трійки значення всіх інших форматів обчислюються за стандартними математичними формулами.
- 5
Пошук за назвою порівнює зі 148 кольорами CSS і повертає найближчий у межах ~30 одиниць.
Поради та найкращі практики
- ✓
Використовуйте Hex або RGB у стилях CSS; віддавайте перевагу HSL для програмного регулювання яскравості або насиченості.
- ✓
Значення CMYK є наближеними — завжди консультуйтеся з друкарнею перед комерційним друком.
- ✓
HWB ідеально підходить для створення сімей кольорів: тримайте відтінок постійним і змінюйте білизну.
- ✓
При введенні Hex-кодів префікс '#' є необов'язковим.
- ✓
Для офіційних кольорів українських установ (Укрпошта, Укрзалізниця, Суспільне) завжди перевіряйте офіційні рекомендації щодо бренду.
Часті запитання
У чому різниця між HSL і HWB?
Обидві моделі використовують кут відтінку, але другий і третій параметри різні. HSL використовує насиченість і світлість; HWB безпосередньо білизну і чорноту. HWB часто більш інтуїтивний для освітлення (більше білого) або затемнення (більше чорного) кольору.
Чому CMYK виглядає інакше на екрані?
Екрани використовують адитивне світло (RGB); принтери — субтрактивне чорнило (CMYK). Кольорові гамути не збігаються повністю. Конвертер надає математичне наближення, а не точний друкований еквівалент.
Що таке Natural Color (NCol)?
Пропозиція W3C, яка кодує відтінок літерою (R, Y, G, C, B, M) і відсотковим зсувом, за якими слідують білизна і чорнота. Напр. R0 0% 0% — чистий червоний.
Чи можу я конвертувати CSS-колір як 'coral'?
Так. Введіть назву в поле 'Шукати за назвою CSS' і конвертер автоматично завантажить значення.
Наскільки точні результати конвертації?
Hex і RGB є без втрат (з округленням до цілих чисел). HSL, HWB і NCol округлюються до одного десяткового знаку. CMYK — лише математичне наближення.
Чому іноді не відображається назва кольору?
Інструмент містить лише 148 стандартних CSS-назв. Якщо введений колір знаходиться далі ніж ~30 RGB-одиниць від будь-якого названого кольору, назва не повертається.
Відображення кольорів може відрізнятися між пристроями через калібрування екрана та кольорові профілі. Значення CMYK є математичними наближеннями.