Loading...
Створено 05/28/2023 19:04
авторcoolor
  56

Web designer design project colors palette

  • Ivory
    #fffff0
  • Almond
    #f0dcc8
  • Middle Grey
    #8c8c78
  • Bone
    #dcdcc8
  • Sunny
    #f0f078
  • Anti-Flash White
    #f0f0f0
Loading...
Палітра містить світлий кольори. Акцентні кольори Ivory #fffff0 та Sunny #f0f078. Палітра має температуру кольорів Нейтральний, Теплий.

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

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

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

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #8C8C78, #DCDCC8, #F0DCC8, #F0F078, #F0F0F0, #FFFFF0

Палітра Web designer design project colors palette містить комбінацію з 6 кодів кольорів :
HEX: #fffff0, RGB: (255, 255, 240); HEX: #f0dcc8, RGB: (240, 220, 200); HEX: #8c8c78, RGB: (140, 140, 120)
HEX: #dcdcc8, RGB: (220, 220, 200); HEX: #f0f078, RGB: (240, 240, 120); HEX: #f0f0f0, RGB: (240, 240, 240)
Спрощений варіант палітри кольорів
Відтінок antiquewhite, Відтінок Сірий, Відтінок beige, Відтінок хакі, Відтінок whitesmoke
Кольорова схема створена автором coolor

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

Web designer design project colors palette коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#fffff0 #fffff0 RGB(255, 255, 240)IvoryIvory1
#f0dcc8 #f0dcc8 RGB(240, 220, 200)Almond
#8c8c78 #8c8c78 RGB(140, 140, 120)Middle Grey
#dcdcc8 #dcdcc8 RGB(220, 220, 200)Bone
#f0f078 #f0f078 RGB(240, 240, 120)Sunny
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94

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

10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#fffff0
#f0dcc8
1.31
#fffff0
#dcdcc8
1.37
#fffff0
#f0f078
1.19
#fffff0
#f0f0f0
1.12
#f0dcc8
#dcdcc8
1.04
#f0dcc8
#f0f078
1.1

Зображення палітри Web designer design project colors palette png

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