Создано 07/23/2025 08:25
Grid-Based Web UI Structure
- Column Beige#f5e6ca
- Gutter Blue#5b9aa0
- Breakpoint Plum#a09abc
- AutoLayout White#fefefe
- Display Gray#bdbdbd
- Responsive Black#212529
Палитра содержит светлый, темный цвета. Акцентные цвета Column Beige #f5e6ca да Gutter Blue #5b9aa0. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #212529 (самый тёмный) до #FEFEFE (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит приглушённой (низкая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #212529, #5B9AA0, #A09ABC, #BDBDBD, #F5E6CA, #FEFEFE
Палитра Grid-Based Web UI Structure содержит комбинацию из 6 кодов цветов:
HEX: #f5e6ca, RGB: (245, 230, 202); HEX: #5b9aa0, RGB: (91, 154, 160); HEX: #a09abc, RGB: (160, 154, 188)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #212529, RGB: (33, 37, 41)
Упрощенная версия цветов палитры
Оттенок papayawhip, Оттенок cadetblue, Оттенок thistle, Оттенок Белый, Оттенок Серебряный, Тень Черный
Цветовая схема создана автором colourlock
Коды цветов в палитре
Grid-Based Web UI Structure коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f5e6ca | #f5e6ca | RGB(245, 230, 202) | Column Beige | — |
| #5b9aa0 | #5b9aa0 | RGB(91, 154, 160) | Gutter Blue | — |
| #a09abc | #a09abc | RGB(160, 154, 188) | Breakpoint Plum | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | AutoLayout White | White as Heaven |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Display Gray | Gray74 |
| #212529 | #212529 | RGB(33, 37, 41) | Responsive Black | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f5e6ca | #fefefe | 1.22 |
#f5e6ca | #bdbdbd | 1.52 |
#5b9aa0 | #a09abc | 1.19 |
#5b9aa0 | #bdbdbd | 1.7 |
#a09abc | #bdbdbd | 1.42 |
#fefefe | #bdbdbd | 1.86 |
Изображение палитры Grid-Based Web UI Structure png
Экспорт палитры
Скачайте "Grid-Based Web UI Structure" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: