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 |
Обліковий запис не потрібен.