AI Persona Builder Shades

Identity Mauve
#d5aaff
Emotion Rose
#ffc1cc
Trait Cream
#fff5e4
Data Graphite
#2e2e2e
Prompt Azure
#82cffd
Overlay Mist
#f2f2f2

Палітра містить світлий, темний кольори. Акцентні кольори Identity Mauve #d5aaff та Trait Cream #fff5e4. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #2E2E2E, #82CFFD, #D5AAFF, #F2F2F2, #FFC1CC, #FFF5E4

Палітра AI Persona Builder Shades містить комбінацію з 6 кодів кольорів :

HEX: #d5aaff, RGB: (213, 170, 255); HEX: #ffc1cc, RGB: (255, 193, 204); HEX: #fff5e4, RGB: (255, 245, 228)

HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #82cffd, RGB: (130, 207, 253); HEX: #f2f2f2, RGB: (242, 242, 242)

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

Відтінок plum, Відтінок Рожевий, Відтінок oldlace, Відтінок Чорний, Відтінок lightskyblue, Відтінок whitesmoke

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

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

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

AI Persona Builder Shades коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#d5aaff	#d5aaff	RGB(213, 170, 255)	Identity Mauve	—
#ffc1cc	#ffc1cc	RGB(255, 193, 204)	Emotion Rose	Blobfish
#fff5e4	#fff5e4	RGB(255, 245, 228)	Trait Cream	Silky Tofu
#2e2e2e	#2e2e2e	RGB(46, 46, 46)	Data Graphite	Carbon Fiber
#82cffd	#82cffd	RGB(130, 207, 253)	Prompt Azure	—
#f2f2f2	#f2f2f2	RGB(242, 242, 242)	Overlay Mist	Gray95

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#d5aaff	#ffc1cc	1.24
#d5aaff	#fff5e4	1.76
#d5aaff	#82cffd	1.11
#d5aaff	#f2f2f2	1.7
#ffc1cc	#fff5e4	1.41
#ffc1cc	#82cffd	1.11

Зображення палітри AI Persona Builder Shades png

--color-identity-mauve:	#d5aaff;
--color-emotion-rose:	#ffc1cc;
--color-trait-cream:	#fff5e4;
--color-data-graphite:	#2e2e2e;
--color-prompt-azure:	#82cffd;
--color-overlay-mist:	#f2f2f2;

$color-identity-mauve:	#d5aaff;
$color-emotion-rose:	#ffc1cc;
$color-trait-cream:	#fff5e4;
$color-data-graphite:	#2e2e2e;
$color-prompt-azure:	#82cffd;
$color-overlay-mist:	#f2f2f2;

@color-identity-mauve:	#d5aaff;
@color-emotion-rose:	#ffc1cc;
@color-trait-cream:	#fff5e4;
@color-data-graphite:	#2e2e2e;
@color-prompt-azure:	#82cffd;
@color-overlay-mist:	#f2f2f2;