Glass Designer Toolkit
Палитра
Контраст
Тени
Bezier
Градиент
Glass
Единицы
Генератор палитр
Базовый цвет
Тип палитры
Комплементарная
Аналоговая
Триада
Тетрада
Split-Complementary
Сгенерировать
Скопировать CSS
Результат
Контраст-чекер WCAG
Цвет текста
Цвет фона
Проверить
Результат
Пример текста
Contrast Ratio:
—
AA (обычный):
Fail
AA (крупный):
Fail
AAA (обычный):
Fail
AAA (крупный):
Fail
Генератор теней
Смещение X:
0
px
Смещение Y:
20
px
Размытие:
30
px
Распространение:
0
px
Цвет
Прозрачность:
0.08
Скопировать CSS
Превью
Box Shadow
Cubic-Bezier редактор
P1 X:
0.25
P1 Y:
0.1
P2 X:
0.25
P2 Y:
1
Проиграть
Скопировать CSS
Превью
Анимация
Генератор градиентов
Тип
Linear
Radial
Conic
Цвет 1
Цвет 2
Угол:
135
°
Скопировать CSS
Превью
Glassmorphism генератор
Размытие:
10
px
Прозрачность:
0.4
Радиус:
32
px
Насыщенность:
180
%
Скопировать CSS
Превью
Glass
Конвертер единиц
Значение
Из
px
rem
em
%
В
rem
px
em
%
Базовый размер шрифта (px)
Конвертировать
Результат
—