Whisper Bloom App Colors

Cloud Blue
#cbe8ff
Rose Haze
#ffdce4
Cream Frost
#fff6e0
Seafoam Mint
#d2ffe9
Pale Lavender
#e7dbff
Charcoal Soft
#2b2b2c

Палитра содержит светлый, темный цвета. Акцентные цвета Cream Frost #fff6e0 да Pale Lavender #e7dbff. Палитра имеет цветовую температуру Холодный, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #2B2B2C, #CBE8FF, #D2FFE9, #E7DBFF, #FFDCE4, #FFF6E0

Палитра Whisper Bloom App Colors содержит комбинацию из 6 кодов цветов:

HEX: #cbe8ff, RGB: (203, 232, 255); HEX: #ffdce4, RGB: (255, 220, 228); HEX: #fff6e0, RGB: (255, 246, 224)

HEX: #d2ffe9, RGB: (210, 255, 233); HEX: #e7dbff, RGB: (231, 219, 255); HEX: #2b2b2c, RGB: (43, 43, 44)

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

Тень lightblue, Оттенок mistyrose, Оттенок cornsilk, Оттенок honeydew, Оттенок lavender, Тень Черный

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

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

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

Whisper Bloom App Colors коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#cbe8ff	#cbe8ff	RGB(203, 232, 255)	Cloud Blue	—
#ffdce4	#ffdce4	RGB(255, 220, 228)	Rose Haze	—
#fff6e0	#fff6e0	RGB(255, 246, 224)	Cream Frost	—
#d2ffe9	#d2ffe9	RGB(210, 255, 233)	Seafoam Mint	—
#e7dbff	#e7dbff	RGB(231, 219, 255)	Pale Lavender	—
#2b2b2c	#2b2b2c	RGB(43, 43, 44)	Charcoal Soft	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#cbe8ff	#ffdce4	1
#cbe8ff	#fff6e0	1.18
#cbe8ff	#d2ffe9	1.16
#cbe8ff	#e7dbff	1.03
#ffdce4	#fff6e0	1.17
#ffdce4	#d2ffe9	1.15

Изображение палитры Whisper Bloom App Colors png

--color-cloud-blue:	#cbe8ff;
--color-rose-haze:	#ffdce4;
--color-cream-frost:	#fff6e0;
--color-seafoam-mint:	#d2ffe9;
--color-pale-lavender:	#e7dbff;
--color-charcoal-soft:	#2b2b2c;

$color-cloud-blue:	#cbe8ff;
$color-rose-haze:	#ffdce4;
$color-cream-frost:	#fff6e0;
$color-seafoam-mint:	#d2ffe9;
$color-pale-lavender:	#e7dbff;
$color-charcoal-soft:	#2b2b2c;

@color-cloud-blue:	#cbe8ff;
@color-rose-haze:	#ffdce4;
@color-cream-frost:	#fff6e0;
@color-seafoam-mint:	#d2ffe9;
@color-pale-lavender:	#e7dbff;
@color-charcoal-soft:	#2b2b2c;