Retro Widget UI Elements

Toggle Taffy
#ffc7c2
Slider Shell
#fff7e3
Modal Sky
#bfeaff
Pasteboard Lilac
#eedbff
Accent Graphite
#3a3a3a
Text White
#fdfdfd

Палітра містить світлий кольори. Акцентні кольори Slider Shell #fff7e3 та Pasteboard Lilac #eedbff. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.

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

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

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

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

HEX-коди (відсортовано): #3A3A3A, #BFEAFF, #EEDBFF, #FDFDFD, #FFC7C2, #FFF7E3

Палітра Retro Widget UI Elements містить комбінацію з 6 кодів кольорів :

HEX: #ffc7c2, RGB: (255, 199, 194); HEX: #fff7e3, RGB: (255, 247, 227); HEX: #bfeaff, RGB: (191, 234, 255)

HEX: #eedbff, RGB: (238, 219, 255); HEX: #3a3a3a, RGB: (58, 58, 58); HEX: #fdfdfd, RGB: (253, 253, 253)

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

Відтінок Рожевий, Відтінок cornsilk, Відтінок lightblue, Відтінок thistle, Відтінок darkslategrey, Відтінок Білий

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

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

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

Retro Widget UI Elements коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#ffc7c2	#ffc7c2	RGB(255, 199, 194)	Toggle Taffy	—
#fff7e3	#fff7e3	RGB(255, 247, 227)	Slider Shell	—
#bfeaff	#bfeaff	RGB(191, 234, 255)	Modal Sky	—
#eedbff	#eedbff	RGB(238, 219, 255)	Pasteboard Lilac	—
#3a3a3a	#3a3a3a	RGB(58, 58, 58)	Accent Graphite	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Text White	Brilliance

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ffc7c2	#fff7e3	1.38
#ffc7c2	#bfeaff	1.15
#ffc7c2	#eedbff	1.14
#ffc7c2	#fdfdfd	1.45
#fff7e3	#bfeaff	1.19
#fff7e3	#eedbff	1.21

--color-toggle-taffy:	#ffc7c2;
--color-slider-shell:	#fff7e3;
--color-modal-sky:	#bfeaff;
--color-pasteboard-lilac:	#eedbff;
--color-accent-graphite:	#3a3a3a;
--color-text-white:	#fdfdfd;

$color-toggle-taffy:	#ffc7c2;
$color-slider-shell:	#fff7e3;
$color-modal-sky:	#bfeaff;
$color-pasteboard-lilac:	#eedbff;
$color-accent-graphite:	#3a3a3a;
$color-text-white:	#fdfdfd;

@color-toggle-taffy:	#ffc7c2;
@color-slider-shell:	#fff7e3;
@color-modal-sky:	#bfeaff;
@color-pasteboard-lilac:	#eedbff;
@color-accent-graphite:	#3a3a3a;
@color-text-white:	#fdfdfd;

Retro Widget UI Elements

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

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

Зображення палітри Retro Widget UI Elements png