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

Конвертуйте кольори між HEX, RGB, HSL, HSV, CMYK та LAB — змінюйте будь-яке поле, а інші оновлюватимуться на льоту.

Редагуйте будь-яке поле, і решта оновиться автоматично, або виберіть колір на палітрі.

Виберіть колір або введіть значення в будь-якому форматі.

Усі розрахунки виконуються у вашому браузері. Введені дані не надсилаються на BroBroGo.

Поширені запитання

Між якими форматами кольорів можна здійснювати конвертацію?

HEX, RGB, HSL, HSV, CMYK та LAB. Введіть значення в будь-яке з полів, і решта п’ять оновляться миттєво, дозволяючи переходити між будь-якими форматами.

Чи підходить результат CMYK для професійного друку?

Сприймайте це як приблизне екранне значення. Реальний друк у CMYK залежить від паперу, чорнила та профілю принтера, тому друкарня може отримати показники, які дещо відрізняються від цих.

Чому кольори LAB або CMYK іноді повертаються дещо зміненими?

Простори LAB та CMYK можуть описувати кольори, які монітор не здатний відобразити. Коли значення виходить за межі видимого діапазону RGB, воно приводиться до найближчого доступного кольору, тому зворотна конвертація може трохи змінити цифри.

Піпетка кольорів із зображенняВибирайте будь-який піксель на зображенні та отримуйте його коди HEX, RGB та HSL за допомогою лупи для максимальної точності.Перевірка контрастностіВведіть кольори тексту та фону, щоб дізнатися коефіцієнт контрастності WCAG та перевірити відповідність стандартам AA й AAA.Двійковий та шістнадцятковий конвертерКонвертуйте числа між двійковою, шістнадцятковою, десятковою та вісімковою системами числення — або перетворюйте текст на байти.Конвертер форматів зображеньКонвертуйте зображення JPG, PNG, WebP, HEIC та AVIF безпосередньо у своєму браузері.Стиснення зображеньСтискайте зображення локально за допомогою розумного, цільового або розширеного керування.Калькулятор співвідношення сторінПеретворюйте будь-які значення ширини та висоти на чітке співвідношення на кшталт 16:9 або вибирайте пропорцію та розраховуйте відсутню сторону для відео, фото та екранів.Генератор фавіконівПеретворіть один файл PNG, JPG або SVG на favicon.ico та всі необхідні розміри іконок для вашого сайту в одному ZIP-архіві.Генератор Box ShadowКеруйте параметрами box-shadow за допомогою повзунків, комбінуйте шари для глибини та миттєво копіюйте готовий код CSS.Генератор градієнтівСтворюйте лінійні, радіальні або конічні градієнти, додавайте колірні точки, налаштовуйте напрямок та копіюйте CSS в один клік.Генератор Border RadiusЗаокруглюйте кожен кут повзунками, створюйте органічні асиметричні форми в еліптичному режимі та миттєво копіюйте CSS.Генератор FlexboxНалаштовуйте flex-контейнер та його елементи за допомогою візуальних інструментів, дивіться на результат наживо та копіюйте CSS в один клік.Форматування та мініфікація CSSВирівнюйте заплутаний CSS для зручного читання або мініфікуйте його для публікації — з безпечним режимом, який ніколи не змінює порядок правил.Конвертер px у rem та emКонвертуйте значення між px, rem та em на основі ваших базових та контекстних розмірів шрифтів — змінюйте будь-яке поле, а інші оновлюватимуться на льоту.