Створено 07/10/2025 08:40
Tech Stack Visualization Layer
- Node Blue#2c7da0
- Data Orange#f4a261
- Architecture Pearl#fdfcfb
- System Graphite#2a2a2a
- Grid Blush#ffb3c6
- Cloud Neutral#e0e4ec
Палітра містить світлий, темний кольори. Акцентні кольори Node Blue #2c7da0 та Grid Blush #ffb3c6. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2A2A2A (найтемніший) до #FDFCFB (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #2A2A2A, #2C7DA0, #E0E4EC, #F4A261, #FDFCFB, #FFB3C6
Палітра Tech Stack Visualization Layer містить комбінацію з 6 кодів кольорів :
HEX: #2c7da0, RGB: (44, 125, 160); HEX: #f4a261, RGB: (244, 162, 97); HEX: #fdfcfb, RGB: (253, 252, 251)
HEX: #2a2a2a, RGB: (42, 42, 42); HEX: #ffb3c6, RGB: (255, 179, 198); HEX: #e0e4ec, RGB: (224, 228, 236)
Спрощений варіант палітри кольорів
Відтінок steelblue, Відтінок sandybrown, Відтінок Білий, Відтінок Чорний, Відтінок lightpink, Відтінок aliceblue
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Tech Stack Visualization Layer коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2c7da0 | #2c7da0 | RGB(44, 125, 160) | Node Blue | — |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Data Orange | — |
| #fdfcfb | #fdfcfb | RGB(253, 252, 251) | Architecture Pearl | — |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | System Graphite | The End |
| #ffb3c6 | #ffb3c6 | RGB(255, 179, 198) | Grid Blush | — |
| #e0e4ec | #e0e4ec | RGB(224, 228, 236) | Cloud Neutral | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f4a261 | #ffb3c6 | 1.22 |
#f4a261 | #e0e4ec | 1.61 |
#fdfcfb | #ffb3c6 | 1.63 |
#fdfcfb | #e0e4ec | 1.24 |
#ffb3c6 | #e0e4ec | 1.31 |
Зображення палітри Tech Stack Visualization Layer png
Експортувати палітру
Завантажте "Tech Stack Visualization Layer" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: