Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: