Создано 07/16/2025 20:17
авторcoolor
  6

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 SteelChain 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 GrayCerebral 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

Изображение палитры Modular Design System for Web Frameworks png