Widget gif microinteractions interaction design colours
- Ruddy#f8062a
- Salmon Pink#fc8b9c
- Red Devil#810316
- Gray (HTML/CSS Gray)#837c7c
- Pale Silver#d2bec1
- Dim Gray#706568
Створено 03/06/2023 10:42
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Ruddy #f8062a та Red Devil #810316. Палітра має температуру кольорів Теплий, Нейтральний.
За світлістю палітра сягає від #810316 (найтемніший) до #D2BEC1 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 0°.
Загалом температура зміщена в бік теплого (4 із 6).
HEX-коди (відсортовано): #706568, #810316, #837C7C, #D2BEC1, #F8062A, #FC8B9C
Палітра Widget gif microinteractions interaction design colours містить комбінацію з 6 кодів кольорів :
HEX: #f8062a, RGB: (248, 6, 42); HEX: #fc8b9c, RGB: (252, 139, 156); HEX: #810316, RGB: (129, 3, 22)
HEX: #837c7c, RGB: (131, 124, 124); HEX: #d2bec1, RGB: (210, 190, 193); HEX: #706568, RGB: (112, 101, 104)
Спрощений варіант палітри кольорів
Світлий відтінок Червоний, Світлий відтінок Світло-кораловий, Світлий відтінок Бордовий, Темний відтінок Сірий, Темний відтінок Будяк, Темний відтінок Тьмяно-сірий
Кольорова схема створена автором hex
Коди кольорів у палітрі
Widget gif microinteractions interaction design colours коди кольорів HEX, RGB інформація у таблиці
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f8062a | #fc8b9c | 1.84 |
#f8062a | #837c7c | 1.01 |
#f8062a | #706568 | 1.34 |
#fc8b9c | #837c7c | 1.81 |
#fc8b9c | #d2bec1 | 1.27 |
#810316 | #706568 | 1.91 |
Палітра із зображення Widget gif microinteractions interaction design colours png
Експортувати палітру
Завантажте "Widget gif microinteractions interaction design colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: