Створено 10/07/2022 21:53
авторcolorswall
  0.12k

Case study interaction mobile motion colors

  • Metallic Yellow
    #fbd314
  • Minion Yellow
    #fae44c
  • Dark Yellow
    #9c800e
  • Rose Dust
    #a45c74
  • Dark Vanilla
    #d8bcb5
  • Dark Lava
    #444428
Loading...
Палітра містить світлий кольори. Акцентні кольори Metallic Yellow #fbd314 та Minion Yellow #fae44c. Палітра має температуру кольорів Теплий, Нейтральний.

За світлістю палітра сягає від #444428 (найтемніший) до #D8BCB5 (найсвітліший). Діапазон світлості широкий.

Насиченість змішана — є приглушені й більш яскраві акценти.

Відтінки лежать у сусідній смузі на колі (евристика).

Загалом температура зміщена в бік теплого.

HEX-коди (відсортовано): #444428, #9C800E, #A45C74, #D8BCB5, #FAE44C, #FBD314

Палітра Case study interaction mobile motion colors містить комбінацію з 6 кодів кольорів :
HEX: #fbd314, RGB: (251, 211, 20); HEX: #fae44c, RGB: (250, 228, 76); HEX: #9c800e, RGB: (156, 128, 14)
HEX: #a45c74, RGB: (164, 92, 116); HEX: #d8bcb5, RGB: (216, 188, 181); HEX: #444428, RGB: (68, 68, 40)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок gold, Відтінок darkgoldenrod, Відтінок mediumvioletred, Відтінок mistyrose, Відтінок darkolivegreen
Кольорова схема створена автором colorswall

Коди кольорів у палітрі

Case study interaction mobile motion colors коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#fbd314 #fbd314 RGB(251, 211, 20)Metallic Yellow
#fae44c #fae44c RGB(250, 228, 76)Minion Yellow
#9c800e #9c800e RGB(156, 128, 14)Dark Yellow
#a45c74 #a45c74 RGB(164, 92, 116)Rose Dust
#d8bcb5 #d8bcb5 RGB(216, 188, 181)Dark Vanilla
#444428 #444428 RGB(68, 68, 40)Dark Lava

Контраст палітри кольорів

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#fbd314
#fae44c
1.12
#fbd314
#d8bcb5
1.22
#fae44c
#d8bcb5
1.38
#9c800e
#a45c74
1.26

Зображення палітри Case study interaction mobile motion colors png

Loading...
Loading...