Создано 07/16/2025 20:17
Modular Design System for Web Frameworks
Atomic Indigo
#3f51b5
Token Cream
#fffdf7
Structure Steel
#708090
Layout Teal
#00c2a8
Interactive Yellow
#ffeb3b
Syntax Rose
#f7a1c4
Base Grid Gray
#cccccc
Палитра содержит полутемный, светлый цвета. Акцентные цвета Token Cream #fffdf7 да Layout Teal #00c2a8. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
Палитра Modular Design System for Web Frameworks содержит комбинацию из 7 кодов цветов:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #708090, RGB: (112, 128, 144)
HEX: #00c2a8, RGB: (0, 194, 168); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #f7a1c4, RGB: (247, 161, 196)
HEX: #cccccc, RGB: (204, 204, 204)
Упрощенная версия цветов палитры
Оттенок slateblue, Тень floralwhite, slategrey, Оттенок mediumaquamarine, Оттенок Желтый, Оттенок lightpink, Оттенок lightgrey
Цветовая схема создана автором coolor
Коды цветов в палитре
Modular Design System for Web Frameworks коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Atomic Indigo | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Token Cream | — |
| #708090 | #708090 | RGB(112, 128, 144) | Structure Steel | Chain Gang Grey |
| #00c2a8 | #00c2a8 | RGB(0, 194, 168) | Layout Teal | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Interactive Yellow | — |
| #f7a1c4 | #f7a1c4 | RGB(247, 161, 196) | Syntax Rose | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Base Grid Gray | Cerebral Grey |
Контраст палитры цветов
11 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#3f51b5 | #708090 | 1.69 |
#fffdf7 | #ffeb3b | 1.2 |
#fffdf7 | #f7a1c4 | 1.9 |
#fffdf7 | #cccccc | 1.57 |
#708090 | #00c2a8 | 1.79 |
#00c2a8 | #ffeb3b | 1.85 |
