Loading...
Создано 11/05/2022 20:44
авторcolorswall
  0.1k

App design ui ux colors

  • Orange-Yellow (Crayola)
    #f4d264
  • Buff
    #f4dc83
  • Golden Brown
    #9c6c14
  • Olive Green
    #a4a161
  • Khaki (HTML/CSS)
    #c8a894
  • Coffee
    #685530
Loading...
Палитра содержит светлый, полутемный цвета. Акцентные цвета Orange-Yellow (Crayola) #f4d264 да Buff #f4dc83. Палитра имеет цветовую температуру Теплый.

По светлоте палитра тянется от #685530 (самый тёмный) до #F4DC83 (самый светлый). Диапазон светлоты умеренный.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Распределение оттенков напоминает в основном аналоговую группу (эвристика, не строгая теория).

В целом температура смещена в сторону тёплого.

HEX-коды (по возрастанию): #685530, #9C6C14, #A4A161, #C8A894, #F4D264, #F4DC83

Палитра App design ui ux colors содержит комбинацию из 6 кодов цветов:
HEX: #f4d264, RGB: (244, 210, 100); HEX: #f4dc83, RGB: (244, 220, 131); HEX: #9c6c14, RGB: (156, 108, 20)
HEX: #a4a161, RGB: (164, 161, 97); HEX: #c8a894, RGB: (200, 168, 148); HEX: #685530, RGB: (104, 85, 48)
Упрощенная версия цветов палитры
Тень gold, Оттенок хаки, Оттенок darkgoldenrod, Оттенок darkkhaki, Оттенок tan, Тень saddlebrown
Цветовая схема создана автором colorswall

Коды цветов в палитре

App design ui ux colors коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#f4d264 #f4d264 RGB(244, 210, 100)Orange-Yellow (Crayola)
#f4dc83 #f4dc83 RGB(244, 220, 131)Buff
#9c6c14 #9c6c14 RGB(156, 108, 20)Golden Brown
#a4a161 #a4a161 RGB(164, 161, 97)Olive Green
#c8a894 #c8a894 RGB(200, 168, 148)Khaki (HTML/CSS)
#685530 #685530 RGB(104, 85, 48)Coffee

Контраст палитры цветов

8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#f4d264
#f4dc83
1.08
#f4d264
#a4a161
1.81
#f4d264
#c8a894
1.5
#f4dc83
#a4a161
1.96
#f4dc83
#c8a894
1.62
#9c6c14
#a4a161
1.71

Изображение палитры App design ui ux colors png

Loading...
Loading...
Loading...