Dreamcore Mobile Overlay

Lucid Lavender
#d7b4f3
Sleepy Peach
#ffd8b1
App Mist
#f2f9ff
Input Gray
#d6d6d6
Modal Blue
#a1cbf0
Highlight Cherry
#ff5f7d

Палитра содержит светлый цвета. Акцентные цвета Sleepy Peach #ffd8b1 да App Mist #f2f9ff. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #FF5F7D (самый тёмный) до #F2F9FF (самый светлый). Диапазон светлоты умеренный.

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

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

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #A1CBF0, #D6D6D6, #D7B4F3, #F2F9FF, #FF5F7D, #FFD8B1

Палитра Dreamcore Mobile Overlay содержит комбинацию из 6 кодов цветов:

HEX: #d7b4f3, RGB: (215, 180, 243); HEX: #ffd8b1, RGB: (255, 216, 177); HEX: #f2f9ff, RGB: (242, 249, 255)

HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #a1cbf0, RGB: (161, 203, 240); HEX: #ff5f7d, RGB: (255, 95, 125)

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

Тень plum, Оттенок peachpuff, Тень aliceblue, Тень lightgrey, Тень lightskyblue, Оттенок lightcoral

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

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

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

Dreamcore Mobile Overlay коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#d7b4f3	#d7b4f3	RGB(215, 180, 243)	Lucid Lavender	—
#ffd8b1	#ffd8b1	RGB(255, 216, 177)	Sleepy Peach	Acini di Pepe
#f2f9ff	#f2f9ff	RGB(242, 249, 255)	App Mist	—
#d6d6d6	#d6d6d6	RGB(214, 214, 214)	Input Gray	Silver Medal
#a1cbf0	#a1cbf0	RGB(161, 203, 240)	Modal Blue	—
#ff5f7d	#ff5f7d	RGB(255, 95, 125)	Highlight Cherry	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#d7b4f3	#ffd8b1	1.34
#d7b4f3	#f2f9ff	1.68
#d7b4f3	#d6d6d6	1.23
#d7b4f3	#a1cbf0	1.05
#d7b4f3	#ff5f7d	1.63
#ffd8b1	#f2f9ff	1.25

Изображение палитры Dreamcore Mobile Overlay png

--color-lucid-lavender:	#d7b4f3;
--color-sleepy-peach:	#ffd8b1;
--color-app-mist:	#f2f9ff;
--color-input-gray:	#d6d6d6;
--color-modal-blue:	#a1cbf0;
--color-highlight-cherry:	#ff5f7d;

$color-lucid-lavender:	#d7b4f3;
$color-sleepy-peach:	#ffd8b1;
$color-app-mist:	#f2f9ff;
$color-input-gray:	#d6d6d6;
$color-modal-blue:	#a1cbf0;
$color-highlight-cherry:	#ff5f7d;

@color-lucid-lavender:	#d7b4f3;
@color-sleepy-peach:	#ffd8b1;
@color-app-mist:	#f2f9ff;
@color-input-gray:	#d6d6d6;
@color-modal-blue:	#a1cbf0;
@color-highlight-cherry:	#ff5f7d;