Interaction design web product tokens colours
- Ultramarine Blue#4841f8
- Very Light Blue#5c57fc
- Indigo (Rainbow)#25206b
- Pearly Purple#a76ba1
- Metallic Silver#a1a6b5
- Soldier Green#5c582a
Создано 03/15/2023 21:42
Палитра содержит полутемный, темный, светлый цвета. Акцентные цвета Very Light Blue #5c57fc и Soldier Green #5c582a. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #25206B (самый тёмный) до #A1A6B5 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 2 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #25206B, #4841F8, #5C57FC, #5C582A, #A1A6B5, #A76BA1
Палитра Interaction design web product tokens colours содержит комбинацию из 6 кодов цветов:
HEX: #4841f8, RGB: (72, 65, 248); HEX: #5c57fc, RGB: (92, 87, 252); HEX: #25206b, RGB: (37, 32, 107)
HEX: #a76ba1, RGB: (167, 107, 161); HEX: #a1a6b5, RGB: (161, 166, 181); HEX: #5c582a, RGB: (92, 88, 42)
Упрощенная версия цветов палитры
Тёмный оттенок Аспидно-синий, Тёмный оттенок Аспидно-синий, Светлый оттенок Полуночно-синий, Светлый оттенок Умеренная орхидея, Тёмный оттенок Тёмно-серый, Тёмный оттенок Тёмно-оливковый
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Interaction design web product tokens colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #4841f8 | #4841f8 | RGB(72, 65, 248) | Ultramarine Blue | — |
| #5c57fc | #5c57fc | RGB(92, 87, 252) | Very Light Blue | — |
| #25206b | #25206b | RGB(37, 32, 107) | Indigo (Rainbow) | — |
| #a76ba1 | #a76ba1 | RGB(167, 107, 161) | Pearly Purple | — |
| #a1a6b5 | #a1a6b5 | RGB(161, 166, 181) | Metallic Silver | — |
| #5c582a | #5c582a | RGB(92, 88, 42) | Soldier Green | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#4841f8 | #5c57fc | 1.24 |
#4841f8 | #a76ba1 | 1.55 |
#4841f8 | #5c582a | 1.17 |
#5c57fc | #a76ba1 | 1.24 |
#5c57fc | #5c582a | 1.46 |
#25206b | #5c582a | 1.92 |
Палитра из изображения Interaction design web product tokens colours png
Экспорт палитры
Скачайте "Interaction design web product tokens colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: