Chrome Apple Atmos

Apple Cream
#f5eec8
Chrome Silver
#d8dce1
Atmos Blue
#a6d4ff
Neutral Fog
#f2f3f2
Coral Light
#ffc5ab
Interface Steel
#3c4043

Палитра содержит светлый цвета. Акцентные цвета Atmos Blue #a6d4ff да Coral Light #ffc5ab. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.

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

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

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

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

HEX-коды (по возрастанию): #3C4043, #A6D4FF, #D8DCE1, #F2F3F2, #F5EEC8, #FFC5AB

Палитра Chrome Apple Atmos содержит комбинацию из 6 кодов цветов:

HEX: #f5eec8, RGB: (245, 238, 200); HEX: #d8dce1, RGB: (216, 220, 225); HEX: #a6d4ff, RGB: (166, 212, 255)

HEX: #f2f3f2, RGB: (242, 243, 242); HEX: #ffc5ab, RGB: (255, 197, 171); HEX: #3c4043, RGB: (60, 64, 67)

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

Оттенок lightgoldenrodyellow, Оттенок gainsboro, Тень lightskyblue, Оттенок whitesmoke, Оттенок peachpuff, Оттенок darkslategrey

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

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

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

Chrome Apple Atmos коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#f5eec8	#f5eec8	RGB(245, 238, 200)	Apple Cream	—
#d8dce1	#d8dce1	RGB(216, 220, 225)	Chrome Silver	—
#a6d4ff	#a6d4ff	RGB(166, 212, 255)	Atmos Blue	—
#f2f3f2	#f2f3f2	RGB(242, 243, 242)	Neutral Fog	—
#ffc5ab	#ffc5ab	RGB(255, 197, 171)	Coral Light	—
#3c4043	#3c4043	RGB(60, 64, 67)	Interface Steel	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#f5eec8	#d8dce1	1.17
#f5eec8	#a6d4ff	1.33
#f5eec8	#f2f3f2	1.05
#f5eec8	#ffc5ab	1.29
#d8dce1	#a6d4ff	1.13
#d8dce1	#f2f3f2	1.23

Изображение палитры Chrome Apple Atmos png

--color-apple-cream:	#f5eec8;
--color-chrome-silver:	#d8dce1;
--color-atmos-blue:	#a6d4ff;
--color-neutral-fog:	#f2f3f2;
--color-coral-light:	#ffc5ab;
--color-interface-steel:	#3c4043;

$color-apple-cream:	#f5eec8;
$color-chrome-silver:	#d8dce1;
$color-atmos-blue:	#a6d4ff;
$color-neutral-fog:	#f2f3f2;
$color-coral-light:	#ffc5ab;
$color-interface-steel:	#3c4043;

@color-apple-cream:	#f5eec8;
@color-chrome-silver:	#d8dce1;
@color-atmos-blue:	#a6d4ff;
@color-neutral-fog:	#f2f3f2;
@color-coral-light:	#ffc5ab;
@color-interface-steel:	#3c4043;