Інструменти для кольорів
Конвертуйте, налаштовуйте, змішуйте та генеруйте кольори для вебсайтів, графіки та дизайн-систем.
Популярні завдання
Конвертуйте, налаштовуйте, змішуйте та генеруйте кольори для вебсайтів, графіки та дизайн-систем.
Про Інструменти для кольорів
Як користуватися Інструменти для кольорів
Конвертуйте, налаштовуйте, змішуйте та генеруйте кольори для вебсайтів, графіки та дизайн-систем.
Показати всі
Конвертер кольорів
Перетворюйте редаговані значення HEX, RGB, RGBA, HSL, HSLA та HSV, переглядаючи той самий колір і копіюючи формат, необхідний вашому коду чи дизайн-системі.
Онлайн-регулятор яскравості кольору
Освітліть будь-який колір за допомогою повзунка відсотка та панелі вибору кольору. Інструмент працює локально у вашому браузері та показує результат у форматах HEX, RGB, HSV та HSL.
Генератор CSS-градієнтів
Створіть відтворювану колірну шкалу, перегляньте кожен згенерований крок і скопіюйте точну HEX-послідовність для CSS, діаграм або дизайн-токенів.
Затемнити колір
Затемніть HEX, RGB або HSL колір на вибрану величину та скопіюйте оновлені значення кольору.
Регулятор насиченості кольору
Збільште або зменшіть насиченість кольору з попереднім переглядом і копіюванням отриманих значень HEX, RGB та HSL.
Конвертер кольору в градації сірого
Перетворіть колір у градації сірого або зменшіть його насиченість на вибрану величину з живим попереднім переглядом і значеннями, які можна скопіювати.
Інвертувати колір
Інвертуйте HEX, RGB або HSL колір та миттєво перегляньте значення додаткових каналів.
Генератор випадкових кольорів
Генеруйте випадкові кольори з необов'язковими обмеженнями каналів RGB або HSL та копіюйте результат у поширених веб-форматах.
Змішувач кольорів
Змішайте два непрозорих кольори у відсотковому співвідношенні та скопіюйте отриманий колір у форматі HEX, RGB або HSL.
Зсув відтінку
Поверніть колір навколо кола відтінків, зберігаючи його насиченість і світлоту.
Онлайн-інструмент тріадної колірної схеми
Створює три кольори на основі одного базового, розташованих на рівних відстанях по колу (120 градусів).
Онлайн-інструмент для чотириколірної схеми
Створіть прямокутну тетрадну палітру з чотирьох кольорів на основі вибраного базового кольору. Інструмент обчислює два комплементарні пари, змінюючи відтінок на 60, 180 і 240 градусів, і показує результати у форматах HEX, RGB, HSV та HSL.
Онлайн інструмент додаткових кольорів
Створіть пару додаткових кольорів на основі HSL-відтінку: базовий колір і протилежний йому на 180 градусів. Введіть HEX, RGB, HSV або HSL, натисніть «Обчислити» та отримайте два зразки для порівняння.
Онлайн-інструмент для розділених додаткових кольорів
Створює три кольори: базовий та два акценти навколо його додаткового кольору. Редагуйте HEX/RGB/HSV/HSL, результати оновлюються миттєво.
Онлайн-інструмент для аналогової колірної схеми
Створіть аналогову колірну схему з трьох гармонійних кольорів на основі вибраного базового кольору та кута зсуву. Інструмент працює локально у вашому браузері.
Онлайн-генератор монохроматичної палітри кольорів
Створює відтінки одного кольору на основі HSL-моделі. Оберіть базовий колір, задайте кількість відтінків від 3 до 12 та отримайте палітру з рівномірним кроком освітленості.
Генератор квадратної колірної схеми
Створює чотири кольори, рівномірно розподілені на колі (крок 90°), на основі вихідного кольору. Підтримує HEX, RGB, HSV та HSL.
Онлайн-вибір кольору пікселя зображення
Завантажте зображення та визначте точний колір будь-якого пікселя у форматі HEX і RGB. Інструмент працює локально у вашому браузері.
Палітра кольорів із зображення
Завантажте зображення, виберіть піксель і створіть палітру кольорів для завантаження зі значеннями HEX, RGB та HSL.
Онлайн-інструмент вилучення кольорів зображень пакетної обробки
Витягуйте палітри кольорів з до 30 зображень одночасно. Клацніть на зображенні, щоб зразкувати піксель, і отримайте HEX, RGB та HSL значення. Експортуйте палітри у CSS, Code, SVG або PNG.