AI Productivity Motion Design System

Neon Indigo
#4338ca
Laser Mint
#9ef2a4
Chrome Gray
#e0e0e0
Deep Interface Black
#111111
Soft Pulse Blue
#a0cfff
Highlight Amber
#ffc94a

Палітра містить світлий, темний кольори. Акцентні кольори Soft Pulse Blue #a0cfff та Highlight Amber #ffc94a. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

Загалом насиченість здається яскравою (висока хрома).

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

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

HEX-коди (відсортовано): #111111, #4338CA, #9EF2A4, #A0CFFF, #E0E0E0, #FFC94A

Палітра AI Productivity Motion Design System містить комбінацію з 6 кодів кольорів :

HEX: #4338ca, RGB: (67, 56, 202); HEX: #9ef2a4, RGB: (158, 242, 164); HEX: #e0e0e0, RGB: (224, 224, 224)

HEX: #111111, RGB: (17, 17, 17); HEX: #a0cfff, RGB: (160, 207, 255); HEX: #ffc94a, RGB: (255, 201, 74)

Спрощений варіант палітри кольорів

Відтінок Синій, Відтінок lightgreen, Відтінок gainsboro, Відтінок Чорний, Відтінок lightskyblue, Відтінок gold

Кольорова схема створена автором coolor

Більше палітр з:

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

AI Productivity Motion Design System коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#4338ca	#4338ca	RGB(67, 56, 202)	Neon Indigo	—
#9ef2a4	#9ef2a4	RGB(158, 242, 164)	Laser Mint	—
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Chrome Gray	Gray88
#111111	#111111	RGB(17, 17, 17)	Deep Interface Black	Dreamless Sleep
#a0cfff	#a0cfff	RGB(160, 207, 255)	Soft Pulse Blue	—
#ffc94a	#ffc94a	RGB(255, 201, 74)	Highlight Amber	—

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#9ef2a4	#e0e0e0	1.01
#9ef2a4	#a0cfff	1.21
#9ef2a4	#ffc94a	1.14
#e0e0e0	#a0cfff	1.23
#e0e0e0	#ffc94a	1.16
#a0cfff	#ffc94a	1.06

Зображення палітри AI Productivity Motion Design System png

AI Productivity Motion Design System - #562811

--color-neon-indigo:	#4338ca;
--color-laser-mint:	#9ef2a4;
--color-chrome-gray:	#e0e0e0;
--color-deep-interface-black:	#111111;
--color-soft-pulse-blue:	#a0cfff;
--color-highlight-amber:	#ffc94a;

$color-neon-indigo:	#4338ca;
$color-laser-mint:	#9ef2a4;
$color-chrome-gray:	#e0e0e0;
$color-deep-interface-black:	#111111;
$color-soft-pulse-blue:	#a0cfff;
$color-highlight-amber:	#ffc94a;

@color-neon-indigo:	#4338ca;
@color-laser-mint:	#9ef2a4;
@color-chrome-gray:	#e0e0e0;
@color-deep-interface-black:	#111111;
@color-soft-pulse-blue:	#a0cfff;
@color-highlight-amber:	#ffc94a;