Создано 07/02/2025 16:51
UI Component Design Tokens
- Primary Cyan#00bcd4
- Secondary Plum#ab47bc
- Info Teal#26a69a
- Warning Amber#ffc107
- Error Crimson#d32f2f
- Neutral Grey#bdbdbd
Палитра содержит светлый, полутемный цвета. Акцентные цвета Primary Cyan #00bcd4 да Warning Amber #ffc107. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #26A69A (самый тёмный) до #BDBDBD (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #00BCD4, #26A69A, #AB47BC, #BDBDBD, #D32F2F, #FFC107
Палитра UI Component Design Tokens содержит комбинацию из 6 кодов цветов:
HEX: #00bcd4, RGB: (0, 188, 212); HEX: #ab47bc, RGB: (171, 71, 188); HEX: #26a69a, RGB: (38, 166, 154)
HEX: #ffc107, RGB: (255, 193, 7); HEX: #d32f2f, RGB: (211, 47, 47); HEX: #bdbdbd, RGB: (189, 189, 189)
Упрощенная версия цветов палитры
Оттенок darkturquoise, Оттенок mediumorchid, Оттенок lightseagreen, Оттенок gold, Тень crimson, Оттенок Серебряный
Цветовая схема создана автором colorscheme
Больше палитр с:
Коды цветов в палитре
UI Component Design Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Primary Cyan | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | Secondary Plum | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | Info Teal | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning Amber | — |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | Error Crimson | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Neutral Grey | Gray74 |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#00bcd4 | #26a69a | 1.3 |
#00bcd4 | #ffc107 | 1.4 |
#00bcd4 | #bdbdbd | 1.22 |
#ab47bc | #26a69a | 1.6 |
#ab47bc | #d32f2f | 1.03 |
#26a69a | #ffc107 | 1.83 |
Изображение палитры UI Component Design Tokens png
Экспорт палитры
Скачайте "UI Component Design Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: