Генератор палітр
  1. Палітри кольорів
  2. Ui ux design web colors

Ui ux design web colors

  • #2d52d4
  • #8cacf4
  • #1d348c
  • #7668bc
  • #aeb3d4
  • #181c2e
  0.17k
Створено 09/17/2021 20:40
авторcolorswall
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори #2d52d4 та #8cacf4. Палітра має температуру кольорів Холодний.

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

Насиченість у середньому діапазоні, в середньому 52% по палітрі.

Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 28°.

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

HEX-коди (відсортовано): #181C2E, #1D348C, #2D52D4, #7668BC, #8CACF4, #AEB3D4

Палітра Ui ux design web colors містить комбінацію з 6 кодів кольорів :
HEX: #2d52d4, RGB: (45, 82, 212); HEX: #8cacf4, RGB: (140, 172, 244); HEX: #1d348c, RGB: (29, 52, 140)
HEX: #7668bc, RGB: (118, 104, 188); HEX: #aeb3d4, RGB: (174, 179, 212); HEX: #181c2e, RGB: (24, 28, 46)
Спрощений варіант палітри кольорів
Темний відтінок Сланцево-синій, Світлий відтінок Волошковий, Темний відтінок Темний сланцево-синій, Світлий відтінок Сланцево-синій, Темний відтінок Світлий сталевий синій, Світлий відтінок Чорний
Кольорова схема створена автором colorswall

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

Ui ux design web colors коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#2d52d4 #2d52d4 RGB(45, 82, 212)——
#8cacf4 #8cacf4 RGB(140, 172, 244)——
#1d348c #1d348c RGB(29, 52, 140)——
#7668bc #7668bc RGB(118, 104, 188)——
#aeb3d4 #aeb3d4 RGB(174, 179, 212)——
#181c2e #181c2e RGB(24, 28, 46)——

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

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#2d52d4
#1d348c
1.7
#2d52d4
#7668bc
1.36
#8cacf4
#aeb3d4
1.09
#1d348c
#181c2e
1.54

Палітра із зображення Ui ux design web colors png

Ui ux design web colors: #2d52d4, #8cacf4, #1d348c, #7668bc, #aeb3d4, #181c2e
 Завантажити зображення