Zipshade Composer

Primary Sonic Silver
#a5acaf
Secondary Mild Lavender
#d6cfff
Accent Note Pink
#ffb9d8
Background Draft White
#fefefe
Surface Code Gray
#e8e8e8
Text Line Black
#1d1d1d

Палітра містить світлий, темний кольори. Акцентні кольори Secondary Mild Lavender #d6cfff та Accent Note Pink #ffb9d8. Палітра має температуру кольорів Холодний, Нейтральний.

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

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

Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #1D1D1D, #A5ACAF, #D6CFFF, #E8E8E8, #FEFEFE, #FFB9D8

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

HEX: #a5acaf, RGB: (165, 172, 175); HEX: #d6cfff, RGB: (214, 207, 255); HEX: #ffb9d8, RGB: (255, 185, 216)

HEX: #fefefe, RGB: (254, 254, 254); HEX: #e8e8e8, RGB: (232, 232, 232); HEX: #1d1d1d, RGB: (29, 29, 29)

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

Відтінок darkgrey, Відтінок lavender, Відтінок Рожевий, Відтінок Білий, Відтінок gainsboro, Відтінок Чорний

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

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

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

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

Колір	HEX	RGB	Назва	Альтернативна назва
#a5acaf	#a5acaf	RGB(165, 172, 175)	Primary Sonic Silver	—
#d6cfff	#d6cfff	RGB(214, 207, 255)	Secondary Mild Lavender	—
#ffb9d8	#ffb9d8	RGB(255, 185, 216)	Accent Note Pink	—
#fefefe	#fefefe	RGB(254, 254, 254)	Background Draft White	White as Heaven
#e8e8e8	#e8e8e8	RGB(232, 232, 232)	Surface Code Gray	Unicorn Silver
#1d1d1d	#1d1d1d	RGB(29, 29, 29)	Text Line Black	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#a5acaf	#d6cfff	1.56
#a5acaf	#ffb9d8	1.44
#a5acaf	#e8e8e8	1.87
#d6cfff	#ffb9d8	1.07
#d6cfff	#fefefe	1.46
#d6cfff	#e8e8e8	1.2

Зображення палітри Zipshade Composer png

--color-primary-sonic-silver:	#a5acaf;
--color-secondary-mild-lavender:	#d6cfff;
--color-accent-note-pink:	#ffb9d8;
--color-background-draft-white:	#fefefe;
--color-surface-code-gray:	#e8e8e8;
--color-text-line-black:	#1d1d1d;

$color-primary-sonic-silver:	#a5acaf;
$color-secondary-mild-lavender:	#d6cfff;
$color-accent-note-pink:	#ffb9d8;
$color-background-draft-white:	#fefefe;
$color-surface-code-gray:	#e8e8e8;
$color-text-line-black:	#1d1d1d;

@color-primary-sonic-silver:	#a5acaf;
@color-secondary-mild-lavender:	#d6cfff;
@color-accent-note-pink:	#ffb9d8;
@color-background-draft-white:	#fefefe;
@color-surface-code-gray:	#e8e8e8;
@color-text-line-black:	#1d1d1d;