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