Pixelmint Interaction Layer

Pixel Mint
#a7f6d0
Cloud Beige
#f3f0e8
Highlight Coral
#ffaaa5
Soft Sky Blue
#d5edff
UI Charcoal
#2d2d2d
Static White
#ffffff

Палітра містить світлий, темний кольори. Акцентні кольори Highlight Coral #ffaaa5 та Soft Sky Blue #d5edff. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #2D2D2D, #A7F6D0, #D5EDFF, #F3F0E8, #FFAAA5, #FFFFFF

Палітра Pixelmint Interaction Layer містить комбінацію з 6 кодів кольорів :

HEX: #a7f6d0, RGB: (167, 246, 208); HEX: #f3f0e8, RGB: (243, 240, 232); HEX: #ffaaa5, RGB: (255, 170, 165)

HEX: #d5edff, RGB: (213, 237, 255); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #ffffff, RGB: (255, 255, 255)

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

Відтінок aquamarine, Відтінок floralwhite, Відтінок lightpink, Відтінок aliceblue, Відтінок Чорний, Білий

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

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

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

Pixelmint Interaction Layer коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#a7f6d0	#a7f6d0	RGB(167, 246, 208)	Pixel Mint	—
#f3f0e8	#f3f0e8	RGB(243, 240, 232)	Cloud Beige	Latte Froth
#ffaaa5	#ffaaa5	RGB(255, 170, 165)	Highlight Coral	Alright Then I Became a Princess
#d5edff	#d5edff	RGB(213, 237, 255)	Soft Sky Blue	—
#2d2d2d	#2d2d2d	RGB(45, 45, 45)	UI Charcoal	—
#ffffff	#ffffff	RGB(255, 255, 255)	Static White	White

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#a7f6d0	#f3f0e8	1.1
#a7f6d0	#ffaaa5	1.44
#a7f6d0	#d5edff	1.03
#a7f6d0	#ffffff	1.25
#f3f0e8	#ffaaa5	1.59
#f3f0e8	#d5edff	1.06

Зображення палітри Pixelmint Interaction Layer png

--color-pixel-mint:	#a7f6d0;
--color-cloud-beige:	#f3f0e8;
--color-highlight-coral:	#ffaaa5;
--color-soft-sky-blue:	#d5edff;
--color-ui-charcoal:	#2d2d2d;
--color-static-white:	#ffffff;

$color-pixel-mint:	#a7f6d0;
$color-cloud-beige:	#f3f0e8;
$color-highlight-coral:	#ffaaa5;
$color-soft-sky-blue:	#d5edff;
$color-ui-charcoal:	#2d2d2d;
$color-static-white:	#ffffff;

@color-pixel-mint:	#a7f6d0;
@color-cloud-beige:	#f3f0e8;
@color-highlight-coral:	#ffaaa5;
@color-soft-sky-blue:	#d5edff;
@color-ui-charcoal:	#2d2d2d;
@color-static-white:	#ffffff;