Дизайн

Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.

Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.

Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.

Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.

Сократите пропорции изображения или видео и вычислите подходящую ширину либо высоту для нового размера.

Настройте фиксированную или адаптивную сетку в живом предпросмотре и получите CSS и HTML.

Проверьте направление, перенос, распределение и выравнивание и скопируйте соответствующий CSS и HTML.

Создавайте комплементарные, аналоговые, триадные и монохромные палитры с экспортом HEX, CSS и JSON.