Создано 07/12/2025 20:05
Next-Gen Web Portal Framework
- Landing Page Blue#3a86ff
- Hero Text White#f8f9fa
- Grid Break Taupe#d6ccc2
- Flexbox Aqua#00fff7
- Component Shadow#1e1e24
- Interaction Plum#9b5de5
Палитра содержит светлый, темный цвета. Акцентные цвета Grid Break Taupe #d6ccc2 да Flexbox Aqua #00fff7. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #1E1E24 (самый тёмный) до #F8F9FA (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного (3 из 6).
HEX-коды (по возрастанию): #00FFF7, #1E1E24, #3A86FF, #9B5DE5, #D6CCC2, #F8F9FA
Палитра Next-Gen Web Portal Framework содержит комбинацию из 6 кодов цветов:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #d6ccc2, RGB: (214, 204, 194)
HEX: #00fff7, RGB: (0, 255, 247); HEX: #1e1e24, RGB: (30, 30, 36); HEX: #9b5de5, RGB: (155, 93, 229)
Упрощенная версия цветов палитры
Тень dodgerblue, Тень whitesmoke, Оттенок lightgrey, Оттенок cyan, Тень Черный, Оттенок mediumpurple
Цветовая схема создана автором coolor
Коды цветов в палитре
Next-Gen Web Portal Framework коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Landing Page Blue | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Hero Text White | — |
| #d6ccc2 | #d6ccc2 | RGB(214, 204, 194) | Grid Break Taupe | — |
| #00fff7 | #00fff7 | RGB(0, 255, 247) | Flexbox Aqua | — |
| #1e1e24 | #1e1e24 | RGB(30, 30, 36) | Component Shadow | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Interaction Plum | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#3a86ff | #9b5de5 | 1.18 |
#f8f9fa | #d6ccc2 | 1.5 |
#f8f9fa | #00fff7 | 1.19 |
#d6ccc2 | #00fff7 | 1.25 |
Изображение палитры Next-Gen Web Portal Framework png
Экспорт палитры
Скачайте "Next-Gen Web Portal Framework" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: