Створено 05/18/2022 10:41
авторcolorswall
  0.2k

Ios ux mobile app palette

  • Arctic Lime
    #d4fb0d
  • Mindaro
    #e7fc7c
  • Olive Drab (#3)
    #809614
  • Chamoisee
    #987865
  • Khaki (HTML/CSS)
    #bcbc9c
  • Police Blue
    #36505d
Loading...
Палітра містить світлий кольори. Акцентні кольори Arctic Lime #d4fb0d та Police Blue #36505d. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.

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

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

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

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

HEX-коди (відсортовано): #36505D, #809614, #987865, #BCBC9C, #D4FB0D, #E7FC7C

Палітра Ios ux mobile app palette містить комбінацію з 6 кодів кольорів :
HEX: #d4fb0d, RGB: (212, 251, 13); HEX: #e7fc7c, RGB: (231, 252, 124); HEX: #809614, RGB: (128, 150, 20)
HEX: #987865, RGB: (152, 120, 101); HEX: #bcbc9c, RGB: (188, 188, 156); HEX: #36505d, RGB: (54, 80, 93)
Спрощений варіант палітри кольорів
Відтінок greenyellow, Відтінок хакі, Відтінок olivedrab, Відтінок rosybrown, Відтінок darkkhaki, Відтінок darkslategrey
Кольорова схема створена автором colorswall

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

Ios ux mobile app palette коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#d4fb0d #d4fb0d RGB(212, 251, 13)Arctic Lime
#e7fc7c #e7fc7c RGB(231, 252, 124)Mindaro
#809614 #809614 RGB(128, 150, 20)Olive Drab (#3)
#987865 #987865 RGB(152, 120, 101)Chamoisee
#bcbc9c #bcbc9c RGB(188, 188, 156)Khaki (HTML/CSS)
#36505d #36505d RGB(54, 80, 93)Police Blue

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

5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#d4fb0d
#e7fc7c
1.05
#d4fb0d
#bcbc9c
1.62
#e7fc7c
#bcbc9c
1.72
#809614
#987865
1.2
#809614
#bcbc9c
1.71

Зображення палітри Ios ux mobile app palette png

Loading...
Loading...