Генератор колірної схеми для сайту
Повна світла й темна тема з кольору вашого бренду.
Виберіть колір бренду й отримайте готову колірну схему для сайту чи застосунку: тоновані фони й поверхні, межі, основний і приглушений текст, основний колір, підібраний так, щоб лишатися помітним, і відповідний акцент — для світлої й темної теми. Живий перегляд показує картку з текстом і кнопками, а вся схема готова до копіювання як CSS-змінні, де темна тема вмикається за налаштуванням системи.
Як створити колірну схему сайту
- Крок 1
Виберіть колір бренду.
- Крок 2
Перевірте світлий і темний перегляд.
- Крок 3
Скопіюйте CSS-змінні.
Чому PhotoTools
Світла й темна
Дві узгоджені теми одразу.
Читабельно за замовчуванням
Основний і акцентний колір тримають контраст не нижче 3:1.
Готово для коду
CSS-змінні з темною темою.
Підтримувані формати
Результат
- CSS
Часті запитання
Чому основний колір трохи відрізняється від мого?
Якщо ваш колір надто світлий чи темний на фоні, він зсувається рівно настільки, щоб контраст досяг 3:1 і кнопки лишалися помітними.
Як використати CSS?
Вставте його в таблицю стилів і використовуйте змінні, наприклад background: var(--color-primary). Темна тема перемикається за налаштуванням системи.
Це безкоштовно?
Так. Браузерні інструменти PhotoTools безкоштовні, без обмежень і працюють без акаунта.
Мої зображення завантажуються на сервер?
Ні. Інструмент працює повністю в браузері на WebAssembly. Зображення не залишають ваш пристрій і ніде не зберігаються.