Glassmorphism Design Canvas

Frosted Aqua
#c0f0f9
Blurred Lilac
#e7d6ff
Snow Mist
#fdfdfd
Reflection Silver
#d4dce5
Outline Navy
#1d3557

Палітра містить світлий кольори. Акцентні кольори Frosted Aqua #c0f0f9 та Blurred Lilac #e7d6ff. Палітра має температуру кольорів Холодний, Нейтральний.

За світлістю палітра сягає від #1D3557 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.

Насиченість змішана — є приглушені й більш яскраві акценти.

Відтінки лежать у сусідній смузі на колі (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #1D3557, #C0F0F9, #D4DCE5, #E7D6FF, #FDFDFD

Палітра Glassmorphism Design Canvas містить комбінацію з 5 кодів кольорів :

HEX: #c0f0f9, RGB: (192, 240, 249); HEX: #e7d6ff, RGB: (231, 214, 255); HEX: #fdfdfd, RGB: (253, 253, 253)

HEX: #d4dce5, RGB: (212, 220, 229); HEX: #1d3557, RGB: (29, 53, 87)

Спрощений варіант палітри кольорів

Відтінок powderblue, Відтінок thistle, Відтінок Білий, Відтінок gainsboro, Відтінок midnightblue

Кольорова схема створена автором colourlock

Більше палітр з:

Коди кольорів у палітрі

Glassmorphism Design Canvas коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#c0f0f9	#c0f0f9	RGB(192, 240, 249)	Frosted Aqua	—
#e7d6ff	#e7d6ff	RGB(231, 214, 255)	Blurred Lilac	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Snow Mist	Brilliance
#d4dce5	#d4dce5	RGB(212, 220, 229)	Reflection Silver	—
#1d3557	#1d3557	RGB(29, 53, 87)	Outline Navy	—

Контраст палітри кольорів

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#c0f0f9	#e7d6ff	1.1
#c0f0f9	#fdfdfd	1.2
#c0f0f9	#d4dce5	1.12
#e7d6ff	#fdfdfd	1.33
#e7d6ff	#d4dce5	1.01
#fdfdfd	#d4dce5	1.36

Зображення палітри Glassmorphism Design Canvas png

--color-frosted-aqua:	#c0f0f9;
--color-blurred-lilac:	#e7d6ff;
--color-snow-mist:	#fdfdfd;
--color-reflection-silver:	#d4dce5;
--color-outline-navy:	#1d3557;

$color-frosted-aqua:	#c0f0f9;
$color-blurred-lilac:	#e7d6ff;
$color-snow-mist:	#fdfdfd;
$color-reflection-silver:	#d4dce5;
$color-outline-navy:	#1d3557;

@color-frosted-aqua:	#c0f0f9;
@color-blurred-lilac:	#e7d6ff;
@color-snow-mist:	#fdfdfd;
@color-reflection-silver:	#d4dce5;
@color-outline-navy:	#1d3557;