Online Tool Store
Конвертер палитры тёмной темы
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 Этот инструмент работает полностью в вашем браузере. Ваши файлы никогда не загружаются на сервер.
Начните с готовой палитры
Выберите направление и настройте переменные ниже.
Вставьте CSS-свойства или пары name: #hex. Поддерживаются комментарии, точки с запятой и оболочка :root.
Светлый просмотр
Тёмный просмотр
Как это работает
- Выберите предложенную палитру.
- Вставьте CSS-переменные.
- Проверьте контраст и скачайте тёмную палитру.
Формула преобразования
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Формула преобразования
Яркость HSL настраивается для создания тёмной палитры.
Как это работает 2
Проверьте контраст и скачайте тёмную палитру.
Как это работает 3
Проверьте контраст и скачайте тёмную палитру.
Как это работает 4
Проверьте контраст и скачайте тёмную палитру.
Как это работает 5
Проверьте контраст и скачайте тёмную палитру.
Как это работает 6
Проверьте контраст и скачайте тёмную палитру.
Как это работает 7
Проверьте контраст и скачайте тёмную палитру.
Сравнение
| Feature | Online Tool Store | Manual conversion | Design plugins |
|---|---|---|---|
| Curated starting palettes | ✓ | ✗ | Varies |
| Whole palette converted at once | ✓ | One color at a time | ✓ |
| Browser-only workflow | ✓ | ✓ | Requires a design tool |
Аккаунт не требуется.