Progressive Enhancement UI Suite

Graceful Sky
#bee3f8
Fallback Ash
#d9d9d9
Layer Ink
#292929
Content Apricot
#ffd39a
Enhanced Plum
#d2bfff
Support Cream
#fdf6ec

Палитра содержит светлый, темный цвета. Акцентные цвета Content Apricot #ffd39a да Enhanced Plum #d2bfff. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

По светлоте палитра тянется от #292929 (самый тёмный) до #FDF6EC (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #292929, #BEE3F8, #D2BFFF, #D9D9D9, #FDF6EC, #FFD39A

Палитра Progressive Enhancement UI Suite содержит комбинацию из 6 кодов цветов:

HEX: #bee3f8, RGB: (190, 227, 248); HEX: #d9d9d9, RGB: (217, 217, 217); HEX: #292929, RGB: (41, 41, 41)

HEX: #ffd39a, RGB: (255, 211, 154); HEX: #d2bfff, RGB: (210, 191, 255); HEX: #fdf6ec, RGB: (253, 246, 236)

Упрощенная версия цветов палитры

Тень lightblue, Оттенок gainsboro, Тень Черный, Оттенок navajowhite, Тень thistle, Оттенок floralwhite

Цветовая схема создана автором colorday

Больше палитр с:

Коды цветов в палитре

Progressive Enhancement UI Suite коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#bee3f8	#bee3f8	RGB(190, 227, 248)	Graceful Sky	—
#d9d9d9	#d9d9d9	RGB(217, 217, 217)	Fallback Ash	Gray85
#292929	#292929	RGB(41, 41, 41)	Layer Ink	Chromaphobic Black
#ffd39a	#ffd39a	RGB(255, 211, 154)	Content Apricot	—
#d2bfff	#d2bfff	RGB(210, 191, 255)	Enhanced Plum	—
#fdf6ec	#fdf6ec	RGB(253, 246, 236)	Support Cream	—

Контраст палитры цветов

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

Цвет текста	Цвет фона	Коэффициент контрастности
#bee3f8	#d9d9d9	1.04
#bee3f8	#ffd39a	1.03
#bee3f8	#d2bfff	1.22
#bee3f8	#fdf6ec	1.25
#d9d9d9	#ffd39a	1.01
#d9d9d9	#d2bfff	1.17

Изображение палитры Progressive Enhancement UI Suite png

Progressive Enhancement UI Suite - #551394

--color-graceful-sky:	#bee3f8;
--color-fallback-ash:	#d9d9d9;
--color-layer-ink:	#292929;
--color-content-apricot:	#ffd39a;
--color-enhanced-plum:	#d2bfff;
--color-support-cream:	#fdf6ec;

$color-graceful-sky:	#bee3f8;
$color-fallback-ash:	#d9d9d9;
$color-layer-ink:	#292929;
$color-content-apricot:	#ffd39a;
$color-enhanced-plum:	#d2bfff;
$color-support-cream:	#fdf6ec;

@color-graceful-sky:	#bee3f8;
@color-fallback-ash:	#d9d9d9;
@color-layer-ink:	#292929;
@color-content-apricot:	#ffd39a;
@color-enhanced-plum:	#d2bfff;
@color-support-cream:	#fdf6ec;