Створено 06/30/2025 17:47
Frontend Dev Neon Toolkit
- Build Magenta#ff1e9f
- Script Cyan#00ffe7
- Terminal Shadow#0c0c0c
- Popup Chartreuse#dfff00
- Border Silver#ececec
- Deploy Flame#ff5722
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Script Cyan #00ffe7 та Popup Chartreuse #dfff00. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #0C0C0C (найтемніший) до #ECECEC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого (3 із 6).
HEX-коди (відсортовано): #00FFE7, #0C0C0C, #DFFF00, #ECECEC, #FF1E9F, #FF5722
Палітра Frontend Dev Neon Toolkit містить комбінацію з 6 кодів кольорів :
HEX: #ff1e9f, RGB: (255, 30, 159); HEX: #00ffe7, RGB: (0, 255, 231); HEX: #0c0c0c, RGB: (12, 12, 12)
HEX: #dfff00, RGB: (223, 255, 0); HEX: #ececec, RGB: (236, 236, 236); HEX: #ff5722, RGB: (255, 87, 34)
Спрощений варіант палітри кольорів
Відтінок deeppink, Відтінок turquoise, Відтінок Чорний, Відтінок Жовтий, Відтінок whitesmoke, Відтінок orangered
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Frontend Dev Neon Toolkit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ff1e9f | #ff1e9f | RGB(255, 30, 159) | Build Magenta | — |
| #00ffe7 | #00ffe7 | RGB(0, 255, 231) | Script Cyan | — |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Terminal Shadow | Black Wash |
| #dfff00 | #dfff00 | RGB(223, 255, 0) | Popup Chartreuse | Dancing-Lady Orchid |
| #ececec | #ececec | RGB(236, 236, 236) | Border Silver | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Deploy Flame | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ff1e9f | #ff5722 | 1.11 |
#00ffe7 | #dfff00 | 1.12 |
#00ffe7 | #ececec | 1.08 |
#dfff00 | #ececec | 1.03 |
Зображення палітри Frontend Dev Neon Toolkit png
Експортувати палітру
Завантажте "Frontend Dev Neon Toolkit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: