AI Horizon UX Blend

Skyline Blue
#7feaff
Coral Blush
#ffb19f
Violet Bloom
#d2b4ff
Bone White
#fafafa
Slate Graphite
#1e1e1f

Палітра містить світлий, темний кольори. Акцентні кольори Skyline Blue #7feaff та Coral Blush #ffb19f. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #1E1E1F, #7FEAFF, #D2B4FF, #FAFAFA, #FFB19F

Палітра AI Horizon UX Blend містить комбінацію з 5 кодів кольорів :

HEX: #7feaff, RGB: (127, 234, 255); HEX: #ffb19f, RGB: (255, 177, 159); HEX: #d2b4ff, RGB: (210, 180, 255)

HEX: #fafafa, RGB: (250, 250, 250); HEX: #1e1e1f, RGB: (30, 30, 31)

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

Відтінок skyblue, Відтінок lightsalmon, Відтінок plum, Відтінок whitesmoke, Відтінок Чорний

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

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

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

AI Horizon UX Blend коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#7feaff	#7feaff	RGB(127, 234, 255)	Skyline Blue	—
#ffb19f	#ffb19f	RGB(255, 177, 159)	Coral Blush	—
#d2b4ff	#d2b4ff	RGB(210, 180, 255)	Violet Bloom	—
#fafafa	#fafafa	RGB(250, 250, 250)	Bone White	Dr. White
#1e1e1f	#1e1e1f	RGB(30, 30, 31)	Slate Graphite	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#7feaff	#ffb19f	1.25
#7feaff	#d2b4ff	1.29
#7feaff	#fafafa	1.33
#ffb19f	#d2b4ff	1.02
#ffb19f	#fafafa	1.67
#d2b4ff	#fafafa	1.71

Зображення палітри AI Horizon UX Blend png

--color-skyline-blue:	#7feaff;
--color-coral-blush:	#ffb19f;
--color-violet-bloom:	#d2b4ff;
--color-bone-white:	#fafafa;
--color-slate-graphite:	#1e1e1f;

$color-skyline-blue:	#7feaff;
$color-coral-blush:	#ffb19f;
$color-violet-bloom:	#d2b4ff;
$color-bone-white:	#fafafa;
$color-slate-graphite:	#1e1e1f;

@color-skyline-blue:	#7feaff;
@color-coral-blush:	#ffb19f;
@color-violet-bloom:	#d2b4ff;
@color-bone-white:	#fafafa;
@color-slate-graphite:	#1e1e1f;