Loading...
Створено 11/22/2022 15:46
авторhex
  0.14k

Online popular landing page design uiux colours

  • Dark Pink
    #ed5276
  • Arylide Yellow
    #ecc46c
  • Van Dyke Brown
    #6b4333
  • Redwood
    #a76456
  • Dark Vanilla
    #d4b8a1
  • Brown Coffee
    #542c30
Loading...
Палітра містить світлий кольори. Акцентні кольори Dark Pink #ed5276 та Arylide Yellow #ecc46c. Палітра має температуру кольорів Теплий.

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

Насиченість у середньому діапазоні.

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

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

HEX-коди (відсортовано): #542C30, #6B4333, #A76456, #D4B8A1, #ECC46C, #ED5276

Палітра Online popular landing page design uiux colours містить комбінацію з 6 кодів кольорів :
HEX: #ed5276, RGB: (237, 82, 118); HEX: #ecc46c, RGB: (236, 196, 108); HEX: #6b4333, RGB: (107, 67, 51)
HEX: #a76456, RGB: (167, 100, 86); HEX: #d4b8a1, RGB: (212, 184, 161); HEX: #542c30, RGB: (84, 44, 48)
Спрощений варіант палітри кольорів
Відтінок palevioletred, Відтінок burlywood, Відтінок saddlebrown, Відтінок indianred, Відтінок tan, Відтінок Бордовий
Кольорова схема створена автором hex

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

Online popular landing page design uiux colours коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#ed5276 #ed5276 RGB(237, 82, 118)Dark Pink
#ecc46c #ecc46c RGB(236, 196, 108)Arylide Yellow
#6b4333 #6b4333 RGB(107, 67, 51)Van Dyke Brown
#a76456 #a76456 RGB(167, 100, 86)Redwood
#d4b8a1 #d4b8a1 RGB(212, 184, 161)Dark Vanilla
#542c30 #542c30 RGB(84, 44, 48)Brown Coffee

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

5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#ed5276
#a76456
1.31
#ed5276
#d4b8a1
1.84
#ecc46c
#d4b8a1
1.13
#6b4333
#a76456
1.85
#6b4333
#542c30
1.39

Зображення палітри Online popular landing page design uiux colours png

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