Loading...
Створено 08/17/2022 09:27
авторcolorswall
  0.16k

Pop up component design system

  • Ultramarine Blue
    #466ef3
  • Maize (Crayola)
    #e7c658
  • Dark Cornflower Blue
    #1c3c94
  • Dark Blue-Gray
    #5e62a0
  • Light Periwinkle
    #bfc7db
  • Deep Koamaru
    #303568
Loading...
Палітра містить світлий кольори. Акцентні кольори Ultramarine Blue #466ef3 та Maize (Crayola) #e7c658. Палітра має температуру кольорів Холодний, Теплий.

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

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

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

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

HEX-коди (відсортовано): #1C3C94, #303568, #466EF3, #5E62A0, #BFC7DB, #E7C658

Палітра Pop up component design system містить комбінацію з 6 кодів кольорів :
HEX: #466ef3, RGB: (70, 110, 243); HEX: #e7c658, RGB: (231, 198, 88); HEX: #1c3c94, RGB: (28, 60, 148)
HEX: #5e62a0, RGB: (94, 98, 160); HEX: #bfc7db, RGB: (191, 199, 219); HEX: #303568, RGB: (48, 53, 104)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок gold, Відтінок darkslateblue, Відтінок slateblue, Відтінок lightsteelblue, Відтінок darkslateblue
Кольорова схема створена автором colorswall

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

Pop up component design system коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#466ef3 #466ef3 RGB(70, 110, 243)Ultramarine Blue
#e7c658 #e7c658 RGB(231, 198, 88)Maize (Crayola)
#1c3c94 #1c3c94 RGB(28, 60, 148)Dark Cornflower Blue
#5e62a0 #5e62a0 RGB(94, 98, 160)Dark Blue-Gray
#bfc7db #bfc7db RGB(191, 199, 219)Light Periwinkle
#303568 #303568 RGB(48, 53, 104)Deep Koamaru

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

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#466ef3
#5e62a0
1.28
#e7c658
#bfc7db
1.01
#1c3c94
#5e62a0
1.75
#1c3c94
#303568
1.15

Зображення палітри Pop up component design system png

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