Конвертер кольорів
Конвертуйте кольори між різними форматами (hex, rgb, hsl та назва css)
Щоб перетворити RGB у HEX або HEX у RGB, введіть колір у будь-яке поле, наприклад HEX, RGB чи HSL; усі інші формати, зокрема CMYK і назва кольору, оновлюються миттєво.
Last updated:
Конвертер кольорів. Конвертуйте кольори між різними форматами (hex, rgb, hsl та назва css) Миттєво перетворюйте значення кольорів за допомогою нашого безкоштовного онлайн-конвертера кольорів.
Цей важливий інструмент для фронтенд-розробки та дизайну інтерфейсів дозволяє швидко перекладати значення між форматами HEX, RGB, HSL, HSV та CMYK.
Незалежно від того, чи ви веб-розробник, який створює стилі для компонентів CSS, чи графічний дизайнер, який створює ресурси для друку, наш інструмент для перекладу кольорів гарантує точне відображення значень.
Просто введіть початковий код кольору та миттєво згенеруйте відповідні значення форматів.
Ця преміальна дизайнерська утиліта використовує вдосконалену обробку на стороні клієнта для перетворення ваших кольорів безпосередньо у вашому браузері, гарантуючи, що ваші особисті палітри залишаться цілком приватними.
Ми надаємо 100% безкоштовний, приватний і безпечний спосіб конвертації кольорів локально на вашому пристрої.
Для кращого результату перевірте вихідні дані перед копіюванням або завантаженням, особливо якщо вони будуть використані в коді, звітах, документації чи спільних файлах.
Такий браузерний процес зберігає швидкість і допомагає уникнути ручного очищення в окремих програмах. Пов’язані інструменти: Продовжте роботу з Кодувальник і декодувальник Base64, Конвертер файлів Base64, Декодер зображень Base64.
Ці пов’язані інструменти допомагають із суміжними завданнями конвертації, форматування, перевірки, генерування та очищення.
Поширені запитання
Як перетворити RGB у HEX?
Введіть або вставте значення RGB, наприклад rgb(255, 0, 0), у поле RGB. Поле HEX одразу покаже #ff0000, а поля HSL, HWB, LCH, CMYK і Назва також оновляться. Скористайтеся значком копіювання біля поля, щоб скопіювати значення.
Як перетворити HEX-код кольору в RGB або HSL?
Введіть HEX-код у поле HEX разом зі знаком #, наприклад #1ea54c. Підтримуються коди з трьох, чотирьох, шести та восьми цифр (останні два варіанти містять прозорість). Поля RGB і HSL тоді покажуть той самий колір, готовий до копіювання у Ваш CSS.
Які формати кольорів підтримує конвертер?
HEX, RGB, HSL, HWB, LCH, CMYK і назви кольорів CSS, а також візуальний Вибір кольору. Кожне поле приймає будь-який із цих записів, тож вставлення red або hsl(0, 100%, 50%) у будь-яке поле перетворює колір у всі інші формати.
Чому поле Назва показує іншу назву кольору?
Поле Назва показує найближче стандартне ключове слово кольору CSS. Якщо Ваш колір не збігається точно з одним з іменованих кольорів CSS, показується найближчий, тож сприймайте назву як наближення, а не точну відповідність.
Чи точне значення CMYK для друку?
Значення CMYK — це просте математичне перетворення з RGB без колірного профілю ICC. Воно є добрим початком, але надруковані кольори залежать від принтера, паперу та профілю, тож для критичних фірмових кольорів попросіть у друкарні значення на основі профілю.
Чому з’являється повідомлення про недійсний формат?
Текст не вдалося прочитати як колір. Типові причини: HEX-код без знака #, неправильна кількість цифр або відсутня дужка. Дотримуйтеся підказки в кожному полі, наприклад hsl(0, 100%, 50%) або cmyk(0, 100%, 100%, 0).
Як користуватися цим онлайн-інструментом
Конвертер кольорів створено для швидких робочих процесів у браузері, коли потрібно форматувати, перевіряти, конвертувати, декодувати, кодувати, генерувати або аналізувати дані без важкої настільної програми. Почніть з поля введення або видимих параметрів, перевірте результат і скопіюйте або завантажте вихідні дані.
Приватна обробка у браузері
Конвертер кольорів залишає звичайний етап обробки локально у вашому браузері. Це корисно для фрагментів коду, токенів, документів, значень конфігурації, текстів та інших матеріалів, які не слід без потреби надсилати на віддалений сервіс.
Коли цей інструмент корисний
Використовуйте Конвертер кольорів для повторюваних задач розробника, технічної документації, QA-перевірок, швидких конвертацій, налагодження, очищення контенту та внутрішніх командних процесів. Сторінка робить акцент на зрозумілих вхідних даних, швидкому відгуку та результаті, який легко використати далі.
Практичні поради
Перед копіюванням фінального результату перевірте пробіли, регістр, імена файлів, кодування, структуру токенів, переноси рядків або формат виводу. Такі невеликі перевірки зменшують помилки у коді, звітах, задачах, листах або технічних нотатках.