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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: