Цей Color converter справді безкоштовний?

Так. Ти можеш конвертувати скільки завгодно кольорів без створення акаунта чи платних лімітів.

Чому мій конвертований колір виглядає інакше на екрані?

Монітори мають різні кольорові профілі та криві гами. Математика точна для простору sRGB, але калібрування заліза диктує те, що ти бачиш.

Чи можу я конвертувати іменовані CSS-кольори на кшталт tomato чи dodgerblue?

Ні. Інструмент вимагає числові вводи або hex-рядки. Спочатку треба знайти hex-еквівалент іменованого кольору.

Наскільки точна конвертація CMYK?

Він використовує стандартну формулу конвертації без профілю. Цього достатньо для грубих веб-прев'ю, але професійний друк вимагає конвертації через ICC-профіль.

Чи підтримує він 8-значні hex-коди з альфа-каналами?

Так. Інструмент парсить останні два символи як альфа-канал, хоча виводить значення альфи лише у форматі RGBA.

Конвертер кольорів

0 з 0 оцінок

Молода жінка показує жест ОК за своїм неоновим столом, використовуючи інструмент Color converter

Цей безкоштовний Color converter миттєво перетворює значення hex, rgb, hsl та cmyk. Просто встав код, щоб побачити точні еквіваленти у веб-форматах, без жодних реєстрацій.

Як Color converter парсить формати

Ти вставляєш рядок типу #FF5733 або rgb(255, 87, 51). Інструмент нормалізує ввід, прибираючи всі пробіли та ігноруючи регістр літер перед обчисленнями. Потім він мапить значення на стандартний діапазон цілих чисел від 0 до 255 для червоного, зеленого та синього. Від цієї бази він рахує тон, насиченість та світлоту для HSL. Також виводить відсотки ціану, мадженти, жовтого та чорного для CMYK.

Щоб точно конвертувати формати, треба розуміти базові цілі числа RGB. Hex-коди це просто шістнадцяткові представлення цих самих чисел. Математика HSL шукає максимальний та мінімальний компоненти RGB для розрахунку світлоти. Далі різниця між ними йде на насиченість і тон. CMYK працює інакше, це субтрактивна модель. Ти береш значення RGB, інвертуєш їх і ділиш на максимальне інвертоване значення. Звичайна алгебра.

Hex приймає рядки з 3, 4, 6 або 8 символів.
Значення RGB мають бути від 0 до 255.
Тон HSL це градуси від 0 до 360.
CMYK видає відсотки від 0 до 100.

Практичне застосування Color converter

Дизайнери часто скидають експорти з Figma у hex-кодах. Фронтенду треба перекласти це в rgba для CSS-змінних або в hsl для динамічних тем. Іноді треба конвертувати друкований CMYK-зразок у hex. Так ти перевіриш вигляд на моніторі до відправки файлів у друк.

Дебагінг CSS є ще одним типовим сценарієм. Ти помічаєш дивний відтінок у dev tools браузера. Скопіюй обчислене значення rgb у безкоштовний Color converter, щоб підкрутити світлоту в HSL. Потім встав новий hex назад у стилі. Це також зручно для перевірок доступності. Хапай hex-код тексту та фону. Далі звіряй коефіцієнти контрастності.

Обмеження інструменту Color converter

Цей інструмент працює зі стандартним кольоровим простором sRGB. Він не обробляє широкі гамути на кшталт Display P3 чи Rec. 2020. Якщо ти робиш HDR-контент або спеціалізовані друковані профілі, вивід CMYK та RGB буде приблизним. Математика спирається на стандартну білу точку D65.

Іменовані CSS-кольори напряму конвертувати не вийде. Інструмент чекає на числові значення або hex-рядки. Написання rebeccapurple просто впаде з помилкою. Спочатку треба знайти hex-код для іменованих кольорів. Альфа-канали в hex-кодах парсяться нормально. Але вивід CMYK та HSL не включає альфа-еквівалент.

Як користуватися Color converter

Встав своє значення hex, rgb, hsl або cmyk у поле вводу.
Зачекай, поки інструмент розпарсить рядок і порахує базові цілі числа RGB.
Читай конвертовані значення у сусідніх полях виводу.
Копіюй потрібний формат для свого стилю чи макету.
Очисти поле вводу для нової конвертації.

Довідник форматів кольору

Порівняй структуру та типові діапазони підтримуваних кольорових моделей.

Формат	Структура	Діапазон значень
Hex	Шістнадцятковий рядок	00 до FF на канал
RGB	Кортеж цілих чисел	0 до 255 на канал
HSL	Градуси та відсотки	H: 0-360, S/L: 0-100
CMYK	Кортеж відсотків	0 до 100 на канал

Frequently asked questions

Цей Color converter справді безкоштовний?: Так. Ти можеш конвертувати скільки завгодно кольорів без створення акаунта чи платних лімітів.
Чому мій конвертований колір виглядає інакше на екрані?: Монітори мають різні кольорові профілі та криві гами. Математика точна для простору sRGB, але калібрування заліза диктує те, що ти бачиш.
Чи можу я конвертувати іменовані CSS-кольори на кшталт tomato чи dodgerblue?: Ні. Інструмент вимагає числові вводи або hex-рядки. Спочатку треба знайти hex-еквівалент іменованого кольору.
Наскільки точна конвертація CMYK?: Він використовує стандартну формулу конвертації без профілю. Цього достатньо для грубих веб-прев'ю, але професійний друк вимагає конвертації через ICC-профіль.
Чи підтримує він 8-значні hex-коди з альфа-каналами?: Так. Інструмент парсить останні два символи як альфа-канал, хоча виводить значення альфи лише у форматі RGBA.