Loading...
Створено 05/03/2023 19:43
авторcolorslib
  68

Interaction illustration sketch web palette

  • Black
    #141414
  • Persian Blue
    #143cc8
  • White
    #ffffff
  • Columbia Blue
    #c8dcdc
  • Palatinate Blue
    #143cdc
  • Palatinate Blue
    #2850dc
Loading...
Палітра містить темний, світлий, напівтемний кольори. Акцентні кольори White #ffffff та Palatinate Blue #143cdc. Палітра має температуру кольорів Нейтральний, Холодний.

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

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

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

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

HEX-коди (відсортовано): #141414, #143CC8, #143CDC, #2850DC, #C8DCDC, #FFFFFF

Палітра Interaction illustration sketch web palette містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #143cc8, RGB: (20, 60, 200); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #c8dcdc, RGB: (200, 220, 220); HEX: #143cdc, RGB: (20, 60, 220); HEX: #2850dc, RGB: (40, 80, 220)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок Синій, Білий, Відтінок powderblue, Відтінок Синій, Відтінок slateblue
Кольорова схема створена автором colorslib

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

Interaction illustration sketch web palette коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#141414 #141414 RGB(20, 20, 20)BlackSooty
#143cc8 #143cc8 RGB(20, 60, 200)Persian Blue
#ffffff #ffffff RGB(255, 255, 255)White
#c8dcdc #c8dcdc RGB(200, 220, 220)Columbia Blue
#143cdc #143cdc RGB(20, 60, 220)Palatinate Blue
#2850dc #2850dc RGB(40, 80, 220)Palatinate Blue

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

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#143cc8
#143cdc
1.07
#143cc8
#2850dc
1.3
#ffffff
#c8dcdc
1.42
#143cdc
#2850dc
1.2

Зображення палітри Interaction illustration sketch web palette png

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