Создано 11/29/2022 10:27
Design kit ui mobile components ux colours
- Bleu De France#3189ee
- Iceberg#70c0cf
- Indigo (Rainbow)#132f64
- Rackley#6088a8
- Jet Stream#bacbd0
- Old Burgundy#472f37
Палитра содержит светлый, темный цвета. Акцентные цвета Bleu De France #3189ee да Old Burgundy #472f37. Палитра имеет цветовую температуру Холодный, Теплый.
По светлоте палитра тянется от #472F37 (самый тёмный) до #BACBD0 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #132F64, #3189EE, #472F37, #6088A8, #70C0CF, #BACBD0
Палитра Design kit ui mobile components ux colours содержит комбинацию из 6 кодов цветов:
HEX: #3189ee, RGB: (49, 137, 238); HEX: #70c0cf, RGB: (112, 192, 207); HEX: #132f64, RGB: (19, 47, 100)
HEX: #6088a8, RGB: (96, 136, 168); HEX: #bacbd0, RGB: (186, 203, 208); HEX: #472f37, RGB: (71, 47, 55)
Упрощенная версия цветов палитры
Оттенок dodgerblue, Оттенок skyblue, Тень midnightblue, Тень steelblue, Оттенок lightblue, Тень Черный
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Design kit ui mobile components ux colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3189ee | #3189ee | RGB(49, 137, 238) | Bleu De France | — |
| #70c0cf | #70c0cf | RGB(112, 192, 207) | Iceberg | — |
| #132f64 | #132f64 | RGB(19, 47, 100) | Indigo (Rainbow) | — |
| #6088a8 | #6088a8 | RGB(96, 136, 168) | Rackley | — |
| #bacbd0 | #bacbd0 | RGB(186, 203, 208) | Jet Stream | — |
| #472f37 | #472f37 | RGB(71, 47, 55) | Old Burgundy | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#3189ee | #70c0cf | 1.7 |
#3189ee | #6088a8 | 1.06 |
#70c0cf | #6088a8 | 1.81 |
#70c0cf | #bacbd0 | 1.23 |
#132f64 | #472f37 | 1.06 |
Изображение палитры Design kit ui mobile components ux colours png
Экспорт палитры
Скачайте "Design kit ui mobile components ux colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: