Створено 02/14/2023 18:26
авторpalettespicker
  0.11k

Design webflow blog post ux palette

  • Coconut
    #9e6545
  • Tan
    #cc896c
  • Liver (Dogs)
    #58381b
  • Beaver
    #997d69
  • Dark Vanilla
    #d5c5b4
  • Van Dyke Brown
    #5b402a
Loading...
Палітра містить світлий кольори. Акцентні кольори Tan #cc896c та Liver (Dogs) #58381b. Палітра має температуру кольорів Теплий, Нейтральний.

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

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

Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).

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

HEX-коди (відсортовано): #58381B, #5B402A, #997D69, #9E6545, #CC896C, #D5C5B4

Палітра Design webflow blog post ux palette містить комбінацію з 6 кодів кольорів :
HEX: #9e6545, RGB: (158, 101, 69); HEX: #cc896c, RGB: (204, 137, 108); HEX: #58381b, RGB: (88, 56, 27)
HEX: #997d69, RGB: (153, 125, 105); HEX: #d5c5b4, RGB: (213, 197, 180); HEX: #5b402a, RGB: (91, 64, 42)
Спрощений варіант палітри кольорів
Відтінок sienna, Відтінок darksalmon, Відтінок saddlebrown, Відтінок Сірий, Відтінок tan, Відтінок saddlebrown
Кольорова схема створена автором palettespicker

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

Design webflow blog post ux palette коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#9e6545 #9e6545 RGB(158, 101, 69)Coconut
#cc896c #cc896c RGB(204, 137, 108)TanSubdued Sienna
#58381b #58381b RGB(88, 56, 27)Liver (Dogs)
#997d69 #997d69 RGB(153, 125, 105)Beaver
#d5c5b4 #d5c5b4 RGB(213, 197, 180)Dark Vanilla
#5b402a #5b402a RGB(91, 64, 42)Van Dyke Brown

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#9e6545
#cc896c
1.67
#9e6545
#997d69
1.24
#9e6545
#5b402a
1.99
#cc896c
#997d69
1.34
#cc896c
#d5c5b4
1.69
#58381b
#5b402a
1.1

Зображення палітри Design webflow blog post ux palette png

Loading...
Loading...