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