Dark Mode Figma Prototype Vision

Frame Charcoal
#24292e
Vector Violet
#a07fdb
Overlay Cyan
#22cfcf
Canvas Gray
#c9ced6
Guideline Yellow
#fad643
Contrast White
#fafafa
Highlight Pink
#ff89ac

Палітра містить темний, світлий кольори. Акцентні кольори Overlay Cyan #22cfcf та Highlight Pink #ff89ac. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #22CFCF, #24292E, #A07FDB, #C9CED6, #FAD643, #FAFAFA, #FF89AC

Палітра Dark Mode Figma Prototype Vision містить комбінацію з 7 кодів кольорів :

HEX: #24292e, RGB: (36, 41, 46); HEX: #a07fdb, RGB: (160, 127, 219); HEX: #22cfcf, RGB: (34, 207, 207)

HEX: #c9ced6, RGB: (201, 206, 214); HEX: #fad643, RGB: (250, 214, 67); HEX: #fafafa, RGB: (250, 250, 250)

HEX: #ff89ac, RGB: (255, 137, 172)

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

Відтінок Чорний, Відтінок mediumpurple, Відтінок darkturquoise, Відтінок lightgrey, Відтінок gold, Відтінок whitesmoke, Відтінок palevioletred

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

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

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

Dark Mode Figma Prototype Vision коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#24292e	#24292e	RGB(36, 41, 46)	Frame Charcoal	—
#a07fdb	#a07fdb	RGB(160, 127, 219)	Vector Violet	—
#22cfcf	#22cfcf	RGB(34, 207, 207)	Overlay Cyan	—
#c9ced6	#c9ced6	RGB(201, 206, 214)	Canvas Gray	—
#fad643	#fad643	RGB(250, 214, 67)	Guideline Yellow	—
#fafafa	#fafafa	RGB(250, 250, 250)	Contrast White	Dr. White
#ff89ac	#ff89ac	RGB(255, 137, 172)	Highlight Pink	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#a07fdb	#22cfcf	1.66
#a07fdb	#ff89ac	1.43
#22cfcf	#c9ced6	1.21
#22cfcf	#fad643	1.35
#22cfcf	#fafafa	1.84
#22cfcf	#ff89ac	1.15

Зображення палітри Dark Mode Figma Prototype Vision png

Dark Mode Figma Prototype Vision - #559868

--color-frame-charcoal:	#24292e;
--color-vector-violet:	#a07fdb;
--color-overlay-cyan:	#22cfcf;
--color-canvas-gray:	#c9ced6;
--color-guideline-yellow:	#fad643;
--color-contrast-white:	#fafafa;
--color-highlight-pink:	#ff89ac;

$color-frame-charcoal:	#24292e;
$color-vector-violet:	#a07fdb;
$color-overlay-cyan:	#22cfcf;
$color-canvas-gray:	#c9ced6;
$color-guideline-yellow:	#fad643;
$color-contrast-white:	#fafafa;
$color-highlight-pink:	#ff89ac;

@color-frame-charcoal:	#24292e;
@color-vector-violet:	#a07fdb;
@color-overlay-cyan:	#22cfcf;
@color-canvas-gray:	#c9ced6;
@color-guideline-yellow:	#fad643;
@color-contrast-white:	#fafafa;
@color-highlight-pink:	#ff89ac;