Urban UI Toolkit

Urban Plum
#8a4fff
Metro Sky
#3792cb
Light Mode Beige
#fdf5ef
Bright Mint
#9be8d8
Soft Navy
#334155
Deep Black
#111111

Палитра содержит светлый, темный цвета. Акцентные цвета Urban Plum #8a4fff да Light Mode Beige #fdf5ef. Палитра имеет цветовую температуру Холодный, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #111111, #334155, #3792CB, #8A4FFF, #9BE8D8, #FDF5EF

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

HEX: #8a4fff, RGB: (138, 79, 255); HEX: #3792cb, RGB: (55, 146, 203); HEX: #fdf5ef, RGB: (253, 245, 239)

HEX: #9be8d8, RGB: (155, 232, 216); HEX: #334155, RGB: (51, 65, 85); HEX: #111111, RGB: (17, 17, 17)

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

Оттенок mediumslateblue, Тень dodgerblue, Тень linen, Оттенок paleturquoise, Оттенок darkslateblue, Тень Черный

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

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

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

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

Цвет	HEX	RGB	Название	Альтернативное название
#8a4fff	#8a4fff	RGB(138, 79, 255)	Urban Plum	—
#3792cb	#3792cb	RGB(55, 146, 203)	Metro Sky	—
#fdf5ef	#fdf5ef	RGB(253, 245, 239)	Light Mode Beige	—
#9be8d8	#9be8d8	RGB(155, 232, 216)	Bright Mint	—
#334155	#334155	RGB(51, 65, 85)	Soft Navy	—
#111111	#111111	RGB(17, 17, 17)	Deep Black	Dreamless Sleep

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#8a4fff	#3792cb	1.32
#fdf5ef	#9be8d8	1.3
#334155	#111111	1.82

Изображение палитры Urban UI Toolkit png

--color-urban-plum:	#8a4fff;
--color-metro-sky:	#3792cb;
--color-light-mode-beige:	#fdf5ef;
--color-bright-mint:	#9be8d8;
--color-soft-navy:	#334155;
--color-deep-black:	#111111;

$color-urban-plum:	#8a4fff;
$color-metro-sky:	#3792cb;
$color-light-mode-beige:	#fdf5ef;
$color-bright-mint:	#9be8d8;
$color-soft-navy:	#334155;
$color-deep-black:	#111111;

@color-urban-plum:	#8a4fff;
@color-metro-sky:	#3792cb;
@color-light-mode-beige:	#fdf5ef;
@color-bright-mint:	#9be8d8;
@color-soft-navy:	#334155;
@color-deep-black:	#111111;