Создано 08/11/2025 09:49
Responsive Layout UI Kit
- Breakpoint Blue#2196f3
- Gridline Gray#9e9e9e
- Flexbox Yellow#ffd54f
- Container White#fafafa
- Sticky Header Navy#1a237e
- Media Query Mint#80cbc4
- Overflow Red#f44336
Палитра содержит светлый, темный цвета. Акцентные цвета Breakpoint Blue #2196f3 да Flexbox Yellow #ffd54f. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1A237E (самый тёмный) до #FAFAFA (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1A237E, #2196F3, #80CBC4, #9E9E9E, #F44336, #FAFAFA, #FFD54F
Палитра Responsive Layout UI Kit содержит комбинацию из 7 кодов цветов:
HEX: #2196f3, RGB: (33, 150, 243); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #1a237e, RGB: (26, 35, 126); HEX: #80cbc4, RGB: (128, 203, 196)
HEX: #f44336, RGB: (244, 67, 54)
Упрощенная версия цветов палитры
Тень dodgerblue, Оттенок darkgrey, Тень gold, Тень whitesmoke, Тень midnightblue, Тень mediumturquoise, Оттенок tomato
Цветовая схема создана автором colorslib
Коды цветов в палитре
Responsive Layout UI Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Breakpoint Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Gridline Gray | Gray62 |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Flexbox Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Container White | Dr. White |
| #1a237e | #1a237e | RGB(26, 35, 126) | Sticky Header Navy | — |
| #80cbc4 | #80cbc4 | RGB(128, 203, 196) | Media Query Mint | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Overflow Red | — |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#2196f3 | #9e9e9e | 1.16 |
#2196f3 | #80cbc4 | 1.67 |
#2196f3 | #f44336 | 1.17 |
#9e9e9e | #ffd54f | 1.89 |
#9e9e9e | #80cbc4 | 1.43 |
#9e9e9e | #f44336 | 1.37 |
Изображение палитры Responsive Layout UI Kit png
Экспорт палитры
Скачайте "Responsive Layout UI Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: