Создано 06/16/2025 20:07
Hypermedia Navigation UI Toolkit
- Breadcrumb Bronze#c1995e
- Anchor Tag Teal#1ac6a8
- Responsive Clay#e2ded0
- Viewport Violet#9873ff
- Scroll Link Blush#f29db6
- Sticky Header Navy#233142
Палитра содержит светлый, темный цвета. Акцентные цвета Breadcrumb Bronze #c1995e да Viewport Violet #9873ff. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #233142 (самый тёмный) до #E2DED0 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1AC6A8, #233142, #9873FF, #C1995E, #E2DED0, #F29DB6
Палитра Hypermedia Navigation UI Toolkit содержит комбинацию из 6 кодов цветов:
HEX: #c1995e, RGB: (193, 153, 94); HEX: #1ac6a8, RGB: (26, 198, 168); HEX: #e2ded0, RGB: (226, 222, 208)
HEX: #9873ff, RGB: (152, 115, 255); HEX: #f29db6, RGB: (242, 157, 182); HEX: #233142, RGB: (35, 49, 66)
Упрощенная версия цветов палитры
Оттенок tan, Оттенок mediumaquamarine, Оттенок oldlace, Тень mediumpurple, Оттенок lightpink, Тень midnightblue
Цветовая схема создана автором palettespicker
Коды цветов в палитре
Hypermedia Navigation UI Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #c1995e | #c1995e | RGB(193, 153, 94) | Breadcrumb Bronze | — |
| #1ac6a8 | #1ac6a8 | RGB(26, 198, 168) | Anchor Tag Teal | — |
| #e2ded0 | #e2ded0 | RGB(226, 222, 208) | Responsive Clay | — |
| #9873ff | #9873ff | RGB(152, 115, 255) | Viewport Violet | — |
| #f29db6 | #f29db6 | RGB(242, 157, 182) | Scroll Link Blush | — |
| #233142 | #233142 | RGB(35, 49, 66) | Sticky Header Navy | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#c1995e | #1ac6a8 | 1.21 |
#c1995e | #e2ded0 | 1.95 |
#c1995e | #9873ff | 1.28 |
#c1995e | #f29db6 | 1.28 |
#1ac6a8 | #e2ded0 | 1.6 |
#1ac6a8 | #9873ff | 1.55 |
Изображение палитры Hypermedia Navigation UI Toolkit png
Экспорт палитры
Скачайте "Hypermedia Navigation UI Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: