Создано 07/02/2025 16:49
Design System Tokens Library
- Token Blue#42a5f5
- Spacing Smoke#f5f5f5
- Border Ash#bdbdbd
- Typography Graphite#212121
- Radius Mint#a5d6a7
- Z-Index Black#000000
Палитра содержит светлый, темный цвета. Акцентные цвета Token Blue #42a5f5 да Spacing Smoke #f5f5f5. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #000000 (самый тёмный) до #F5F5F5 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит приглушённой (низкая хрома).
Большинство цветов близки к нейтралям или очень слабо насыщены; связи между оттенками тонкие.
Большинство полос читаются как нейтральные по температуре.
HEX-коды (по возрастанию): #000000, #212121, #42A5F5, #A5D6A7, #BDBDBD, #F5F5F5
Палитра Design System Tokens Library содержит комбинацию из 6 кодов цветов:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #bdbdbd, RGB: (189, 189, 189)
HEX: #212121, RGB: (33, 33, 33); HEX: #a5d6a7, RGB: (165, 214, 167); HEX: #000000, RGB: (0, 0, 0)
Упрощенная версия цветов палитры
Тень dodgerblue, Оттенок Серебряный, Тень Черный, Тень darkseagreen, Черный
Цветовая схема создана автором colorhunt
Больше палитр с:
Коды цветов в палитре
Design System Tokens Library коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Token Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Spacing Smoke | White Smoke |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Border Ash | Gray74 |
| #212121 | #212121 | RGB(33, 33, 33) | Typography Graphite | Lead |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Radius Mint | — |
| #000000 | #000000 | RGB(0, 0, 0) | Z-Index Black | Black |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#42a5f5 | #bdbdbd | 1.4 |
#42a5f5 | #a5d6a7 | 1.61 |
#f5f5f5 | #bdbdbd | 1.72 |
#f5f5f5 | #a5d6a7 | 1.5 |
#bdbdbd | #a5d6a7 | 1.14 |
#212121 | #000000 | 1.3 |
Изображение палитры Design System Tokens Library png
Экспорт палитры
Скачайте "Design System Tokens Library" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: