Loading...
Создано 08/08/2022 10:20
авторcolorswall
  98

Ui website page interface

  • Fawn
    #dcac6c
  • Light French Beige
    #cca088
  • Liver (Dogs)
    #544021
  • Café Au Lait
    #a2855a
  • Khaki (HTML/CSS)
    #c6b498
  • Olive Drab Camouflage
    #5c5035
Loading...
Палитра содержит светлый, полутемный цвета. Акцентные цвета Fawn #dcac6c да Liver (Dogs) #544021. Палитра имеет цветовую температуру Теплый.

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

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

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

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

HEX-коды (по возрастанию): #544021, #5C5035, #A2855A, #C6B498, #CCA088, #DCAC6C

Палитра Ui website page interface содержит комбинацию из 6 кодов цветов:
HEX: #dcac6c, RGB: (220, 172, 108); HEX: #cca088, RGB: (204, 160, 136); HEX: #544021, RGB: (84, 64, 33)
HEX: #a2855a, RGB: (162, 133, 90); HEX: #c6b498, RGB: (198, 180, 152); HEX: #5c5035, RGB: (92, 80, 53)
Упрощенная версия цветов палитры
Оттенок burlywood, Оттенок darksalmon, Оттенок saddlebrown, Оттенок peru, Оттенок tan, Оттенок dimgrey
Цветовая схема создана автором colorswall

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

Ui website page interface коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#dcac6c #dcac6c RGB(220, 172, 108)Fawn
#cca088 #cca088 RGB(204, 160, 136)Light French Beige
#544021 #544021 RGB(84, 64, 33)Liver (Dogs)
#a2855a #a2855a RGB(162, 133, 90)Café Au Lait
#c6b498 #c6b498 RGB(198, 180, 152)Khaki (HTML/CSS)
#5c5035 #5c5035 RGB(92, 80, 53)Olive Drab Camouflage

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

7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#dcac6c
#cca088
1.13
#dcac6c
#a2855a
1.68
#dcac6c
#c6b498
1.02
#cca088
#a2855a
1.48
#cca088
#c6b498
1.15
#544021
#5c5035
1.24

Изображение палитры Ui website page interface png

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