Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Работа с цветами, проверка контраста, эффекты CSS и расчёт пропорций.
Браузер не позволяет сохранить изменения. Они останутся только на этой странице.
Инструментов: 16
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Сократите пропорции изображения или видео и вычислите подходящую ширину либо высоту для нового размера.
Настройте фиксированную или адаптивную сетку в живом предпросмотре и получите CSS и HTML.
Проверьте направление, перенос, распределение и выравнивание и скопируйте соответствующий CSS и HTML.
Создавайте комплементарные, аналоговые, триадные и монохромные палитры с экспортом HEX, CSS и JSON.
Настраивайте радиусы четырёх углов вместе или отдельно, проверяйте эллиптические скругления и экспортируйте border-radius.
Перемещайте вершины или вводите координаты, проверяйте форму обрезки и экспортируйте CSS многоугольника.
Настройте две контрольные точки, проверьте переход в движении и получите функцию плавности cubic-bezier.
Рассчитайте адаптивный font-size: clamp() по минимальному и максимальному размеру текста и ширине окна, в px или rem.
Проверяйте размытие, яркость, цвет и прозрачность на примере или локальном изображении и экспортируйте filter CSS.
Настройте сдвиг, поворот, масштаб, наклон и точку преобразования, при необходимости добавив перспективу и 3D.
Форматы A, ISO B, C, Letter, Legal и Tabloid: миллиметры, дюймы, пункты и пиксели с учётом ориентации и вылетов.
Очистите и оптимизируйте SVG, сравните размер и вид, затем сохраните SVG или PNG нужных размеров с прозрачным либо одноцветным фоном.
Попробуйте название инструмента, формат файла или коротко опишите задачу.
Все инструментыВы решаете, разрешать ли аналитику
Сбор статистики посещений через Umami необязателен. Все инструменты доступны и без него.
Текущая настройка разрешает аналитику.
Текущая настройка запрещает аналитику.
Сервис аналитики изменился. Завершите текущую работу и обновите страницу, чтобы применить новые настройки.
Браузер отправляет сигнал Do Not Track или Global Privacy Control. Аналитика останется отключённой.
С помощью Umami мы узнаём, какие страницы посещают пользователи и откуда они приходят. Вы можете отказаться от аналитики или изменить выбор в любое время. Все функции сайта останутся доступны.
Выбор сохраняется в этом браузере на шесть месяцев. Аналитика не передаёт файлы и данные, которые вы вводите в инструментах.
политикой конфиденциальности