Tailwind Glassy Gradient

Utility Blush Mint
#d5f9de
Breakpoint Watermelon
#ff6b6b
Container Cloud Gray
#e5e5e5
Accent Lemon Glow
#fff8a6
Flex Deep Space
#1b1b1b
Hover Orchid
#d3a5e6

Палитра содержит светлый, темный цвета. Акцентные цвета Accent Lemon Glow #fff8a6 да Hover Orchid #d3a5e6. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #1B1B1B, #D3A5E6, #D5F9DE, #E5E5E5, #FF6B6B, #FFF8A6

Палитра Tailwind Glassy Gradient содержит комбинацию из 6 кодов цветов:

HEX: #d5f9de, RGB: (213, 249, 222); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #e5e5e5, RGB: (229, 229, 229)

HEX: #fff8a6, RGB: (255, 248, 166); HEX: #1b1b1b, RGB: (27, 27, 27); HEX: #d3a5e6, RGB: (211, 165, 230)

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

Оттенок honeydew, Оттенок salmon, Тень gainsboro, Тень хаки, Тень Черный, Тень plum

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

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

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

Tailwind Glassy Gradient коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#d5f9de	#d5f9de	RGB(213, 249, 222)	Utility Blush Mint	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Breakpoint Watermelon	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Container Cloud Gray	Gray90
#fff8a6	#fff8a6	RGB(255, 248, 166)	Accent Lemon Glow	—
#1b1b1b	#1b1b1b	RGB(27, 27, 27)	Flex Deep Space	Eerie Black
#d3a5e6	#d3a5e6	RGB(211, 165, 230)	Hover Orchid	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#d5f9de	#e5e5e5	1.1
#d5f9de	#fff8a6	1.04
#d5f9de	#d3a5e6	1.79
#ff6b6b	#d3a5e6	1.36
#e5e5e5	#fff8a6	1.15
#e5e5e5	#d3a5e6	1.61

Изображение палитры Tailwind Glassy Gradient png

--color-utility-blush-mint:	#d5f9de;
--color-breakpoint-watermelon:	#ff6b6b;
--color-container-cloud-gray:	#e5e5e5;
--color-accent-lemon-glow:	#fff8a6;
--color-flex-deep-space:	#1b1b1b;
--color-hover-orchid:	#d3a5e6;

$color-utility-blush-mint:	#d5f9de;
$color-breakpoint-watermelon:	#ff6b6b;
$color-container-cloud-gray:	#e5e5e5;
$color-accent-lemon-glow:	#fff8a6;
$color-flex-deep-space:	#1b1b1b;
$color-hover-orchid:	#d3a5e6;

@color-utility-blush-mint:	#d5f9de;
@color-breakpoint-watermelon:	#ff6b6b;
@color-container-cloud-gray:	#e5e5e5;
@color-accent-lemon-glow:	#fff8a6;
@color-flex-deep-space:	#1b1b1b;
@color-hover-orchid:	#d3a5e6;