Створено 10/24/2022 18:00
авторcolorswall
  0.12k

Design wireframe system website hex colors

  • Brown Sugar
    #b3704b
  • Flax
    #eed28c
  • Zinnwaldite Brown
    #301e14
  • Camel
    #b4a068
  • Light Moss Green
    #bcd4a4
  • Royal Brown
    #523c2f
Loading...
Палітра містить світлий, темний кольори. Акцентні кольори Flax #eed28c та Zinnwaldite Brown #301e14. Палітра має температуру кольорів Теплий, Нейтральний.

За світлістю палітра сягає від #301E14 (найтемніший) до #EED28C (найсвітліший). Діапазон світлості широкий.

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

Відтінки лежать у сусідній смузі на колі (евристика).

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

HEX-коди (відсортовано): #301E14, #523C2F, #B3704B, #B4A068, #BCD4A4, #EED28C

Палітра Design wireframe system website hex colors містить комбінацію з 6 кодів кольорів :
HEX: #b3704b, RGB: (179, 112, 75); HEX: #eed28c, RGB: (238, 210, 140); HEX: #301e14, RGB: (48, 30, 20)
HEX: #b4a068, RGB: (180, 160, 104); HEX: #bcd4a4, RGB: (188, 212, 164); HEX: #523c2f, RGB: (82, 60, 47)
Спрощений варіант палітри кольорів
Відтінок chocolate, Відтінок wheat, Відтінок Чорний, Відтінок darkkhaki, Відтінок darkseagreen, Відтінок saddlebrown
Кольорова схема створена автором colorswall

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

Design wireframe system website hex colors коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#b3704b #b3704b RGB(179, 112, 75)Brown Sugar
#eed28c #eed28c RGB(238, 210, 140)Flax
#301e14 #301e14 RGB(48, 30, 20)Zinnwaldite Brown
#b4a068 #b4a068 RGB(180, 160, 104)Camel
#bcd4a4 #bcd4a4 RGB(188, 212, 164)Light Moss Green
#523c2f #523c2f RGB(82, 60, 47)Royal Brown

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

5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#b3704b
#b4a068
1.53
#eed28c
#b4a068
1.74
#eed28c
#bcd4a4
1.08
#301e14
#523c2f
1.54
#b4a068
#bcd4a4
1.6

Зображення палітри Design wireframe system website hex colors png

Loading...
Loading...