Створено 07/28/2025 11:14
Semantic Dashboard for Web Apps
- Alert Orange#ffa630
- Token Gray#a1a1a1
- Success Mint#50fa7b
- Background Pearl#fdfdfd
- Chart Blue#4086f4
- Navigation Charcoal#333941
Палітра містить світлий кольори. Акцентні кольори Alert Orange #ffa630 та Chart Blue #4086f4. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #333941 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #333941, #4086F4, #50FA7B, #A1A1A1, #FDFDFD, #FFA630
Палітра Semantic Dashboard for Web Apps містить комбінацію з 6 кодів кольорів :
HEX: #ffa630, RGB: (255, 166, 48); HEX: #a1a1a1, RGB: (161, 161, 161); HEX: #50fa7b, RGB: (80, 250, 123)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #4086f4, RGB: (64, 134, 244); HEX: #333941, RGB: (51, 57, 65)
Спрощений варіант палітри кольорів
Відтінок Помаранчевий, Відтінок darkgrey, Відтінок springgreen, Відтінок Білий, Відтінок dodgerblue, Відтінок darkslategrey
Кольорова схема створена автором colorhunt
Більше палітр з:
Коди кольорів у палітрі
Semantic Dashboard for Web Apps коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffa630 | #ffa630 | RGB(255, 166, 48) | Alert Orange | — |
| #a1a1a1 | #a1a1a1 | RGB(161, 161, 161) | Token Gray | Gray63 |
| #50fa7b | #50fa7b | RGB(80, 250, 123) | Success Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Background Pearl | Brilliance |
| #4086f4 | #4086f4 | RGB(64, 134, 244) | Chart Blue | — |
| #333941 | #333941 | RGB(51, 57, 65) | Navigation Charcoal | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffa630 | #a1a1a1 | 1.32 |
#ffa630 | #50fa7b | 1.42 |
#ffa630 | #fdfdfd | 1.92 |
#ffa630 | #4086f4 | 1.81 |
#a1a1a1 | #50fa7b | 1.88 |
#a1a1a1 | #4086f4 | 1.36 |
Зображення палітри Semantic Dashboard for Web Apps png
Експортувати палітру
Завантажте "Semantic Dashboard for Web Apps" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: