Створюйте приголомшливі колірні гармонії за допомогою нашого інтерактивного колірного кола. Генеруйте комплементарні, тріадні, аналогічні та інші колірні схеми. Експортуйте як CSS, SCSS, Tailwind, PNG, PDF або JSON.
Виберіть тип гармонії
Виберіть зі спадного меню комплементарні, монохроматичні, аналогічні, тріадні, тетрадні або розділено-комплементарні колірні схеми.
Налаштуйте кольори на колі
Натисніть і перетягніть на колірному колі, щоб вибрати базовий колір. Кольори гармонії автоматично оновлюватимуться відповідно до вашого вибору.
Точне налаштування яскравості
Використовуйте зовнішнє кільце яскравості, щоб налаштувати яскравість вашої колірної палітри, зберігаючи при цьому співвідношення гармонії.
Копіювати або експортувати
Натисніть на зразки кольорів, щоб скопіювати окремі кольори, або скористайтеся кнопкою «Експорт», щоб завантажити свою палітру в різних форматах.
Інтерактивне колірне коло
Перетягуйте та налаштовуйте кольори на візуальному колірному колі з окремим кільцем контролю яскравості для точного вибору кольору.
6 типів колірних гармоній
Автоматично генеруйте комплементарні, монохроматичні, аналогічні, тріадні, тетрадні та розділено-комплементарні колірні схеми.
Кілька колірних форматів
Переглядайте та копіюйте кольори у форматах HEX, RGB, HSL та CMYK за допомогою копіювання в буфер обміну одним кліком.
Експорт та генерація коду
Експортуйте палітри як зображення PNG, документи PDF, дані JSON, змінні CSS, змінні SCSS або конфігурацію Tailwind CSS.
Колірне коло — це візуальне представлення кольорів, розташованих відповідно до їх хроматичного зв’язку. Колірна гармонія — це приємне поєднання кольорів, які добре поєднуються між собою. Наш інтерактивний інструмент допомагає створювати математично збалансовані колірні комбінації, використовуючи принципи традиційної теорії кольору, такі як комплементарні (протилежні), тріадні (три рівновіддалені) та аналогічні (сусідні) колірні схеми.
Професійна теорія кольору
Базується на принципах традиційної теорії кольору, які століттями використовувалися художниками та дизайнерами для створення візуально привабливих комбінацій.
Експорт, зручний для розробників
Генеруйте змінні CSS, змінні SCSS та файли конфігурації Tailwind CSS, готові до використання у ваших веб-проектах.
Кілька форматів експорту
Експортуйте свої палітри як зображення (PNG), документи (PDF) або дані (JSON) для використання в різних дизайнерських інструментах та платформах.
Візуальний зворотний зв'язок у реальному часі
Переглядайте візуалізовані взаємозв'язки гармонії за допомогою сполучних ліній та інтерактивно налаштовуйте кольори з негайним візуальним зворотним зв'язком.
Інструмент пропонує 6 типів гармоній: Комплементарна (2 протилежні кольори), Монохроматична (варіації одного кольору), Аналогічна (3 сусідні кольори), Тріадна (3 рівновіддалені кольори), Тетрадні (4 рівновіддалені кольори) та Розділено-комплементарна (1 колір + 2 кольори, прилеглі до його комплементу).
Використовуйте зовнішнє кільце яскравості навколо колірного кола. Натисніть і перетягніть це кільце, щоб налаштувати світлість/темність усіх кольорів у вашій гармонії, зберігаючи при цьому їх відтінок та насиченість.
Так, натисніть на будь-який зразок кольору, щоб скопіювати його значення до буфера обміну. Ви можете перемикатися між форматами HEX, RGB, HSL та CMYK за допомогою кнопок вибору формату.
Ви можете експортувати як зображення PNG, документи PDF, дані JSON, змінні CSS, змінні SCSS та файли конфігурації Tailwind CSS. Кожен формат оптимізовано для різних випадків використання.
Скопіюйте змінні CSS з модального вікна експорту та вставте їх у свій файл стилів. Потім ви можете використовувати їх так: background-color: var(--color-1); або color: var(--color-2);
Так, ви можете перетягувати будь-яку точку кольору гармонії, щоб налаштувати всю палітру. Основний колір буде автоматично перерахований для підтримки математичного зв'язку обраного типу гармонії.