Написать в Max Telegram

Конвертер CSS единиц и цветов

Длина px/em/rem/pt/мм/см и цвет HEX/RGB/CMYK/HSL — два конвертера в одном месте. Результат пересчитывается на ходу.

—
—
—
—
—
—

Что внутри

Два независимых конвертера под одной крышей. Длина — px, em, rem, pt, мм и см, пересчёт разом во все стороны по заданному базовому размеру шрифта: px, pt, мм и см переводятся друг в друга по фиксированному соотношению (96px = 1 дюйм = 72pt = 25.4мм), а em и rem зависят от базового размера, который можно менять полем «Базовый размер шрифта». Цвет — HEX, RGB, CMYK и HSL синхронизированы: меняете любое поле или пипетку — пересчитываются остальные.

Особенности конвертера цвета

CMYK и RGB описывают цвет по-разному (вычитающая печатная модель против аддитивной экранной), поэтому перевод туда и обратно почти всегда даёт небольшое округление — это нормальное свойство самих цветовых моделей, а не погрешность инструмента. HSL добавлен отдельно от RGB для удобства — легче на глаз подправить оттенок или яркость, чем подбирать три канала одновременно. HEX принимает значение с решёткой или без, в любом регистре, а также короткую запись из трёх знаков (например, f00).

Конвертер единиц онлайн — бесплатно

Пригодится дизайнеру — перевести px в rem для вёрстки, подобрать CMYK для печати или HSL для быстрой подгонки оттенка по цвету с сайта. Ничего никуда не отправляется — всё считается в браузере.

EM для размеров текста CSS с относительными значениями CSS для масштабируемой типографики Сравнение единиц измерения Результат преобразования величин Результат мгновенного расчета Размер экрана устройства Размер шрифта по умолчанию Проверка фрагмента кода Пиксели для точных отступов Перевести пиксели в REM Параметры корневого элемента Округление дробных чисел Настройки точности вычислений Масштабирование текста в браузере Калькулятор размеров для верстки Инструменты фронтенд-специалиста Инструменты конвертации размеров Инструменты для точных вычислений Инструменты для типографики Единицы измерения в CSS Единицы для веб-верстки Главная панель конвертера Генератор числовых значений Высота строки в типографике Базовые параметры браузера 16px как базовое значение 16px для корневого размера Высота экрана устройства Генератор адаптивных значений Главная панель конвертера Единицы для адаптивной верстки Единицы измерения интерфейса Изменение ширины макета Инструменты для веб-дизайнера Инструменты конвертации значений Калькулятор адаптивных значений Масштабирование изображений в интерфейсе Настройки точности вычислений Пиксели в интерфейсной сетке Пиксели для точных размеров Позиционирование элемента в макете Преобразование размеров макета Проценты для гибких контейнеров Пункты для типографских размеров Размер относительно корневого значения Размер относительно родителя Размер текста для интерфейса Размер шрифта в интерфейсе Размер элемента в интерфейсе Расчет высоты контейнера Расчет размеров интерфейса Расчет ширины контейнера Сравнение единиц в веб-дизайне Таблица соответствия размеров CSS в современных интерфейсах CSS для гибкой типографики CSS для масштабируемой верстки CSS с адаптивными значениями Font-size для адаптивной типографики In для физических измерений REM для масштабирования интерфейса VH для вертикальных размеров VH при адаптивной верстке Viewport для адаптивного дизайна VW для адаптивной верстки VW для динамических размеров VW при масштабировании макета
Показать