Конвертеры для вёрстки: px, rem, em, HEX, RGB

Первая и самая многочисленная группа — единицы вёрстки и типографики. Каждая пара вынесена в отдельный инструмент со своим направлением: «Конвертер PX в REM» и «Конвертер REM в PX» это разные страницы, потому что в работе почти всегда нужна одна сторона, и открыть готовую быстрее, чем переключать поля. Так закрыты сочетания px, rem, em, vw, vh, pt, pc, дюймов, сантиметров, миллиметров и процентов — больше девяноста комбинаций. Выбирая инструмент, держите в голове два параметра, от которых зависит ответ: базовый размер шрифта (по умолчанию 16 px, но в проекте он может быть другим) и DPI при переходе к физическим единицам — для экрана обычно 96, для печати 300. Сюда же относятся конвертеры долей: перевод процентов в дроби, коэффициентов в проценты и «Промилле в проценты», который берут для алкогольных норм и дорожных уклонов.

Вторая группа — цвет. Инструменты переводят значения между моделями: «Конвертер HEX в RGB» и обратный к нему нужны при переносе стилей из макета в код, «Конвертер RGB в HSL» удобен, когда цвет надо осветлить или сдвинуть оттенок, не подбирая новый код вручную, а «Конвертер RGB в CMYK» готовит цвет к печати. Здесь есть важная оговорка: переход в CMYK всегда приблизителен. Экран светится, бумага отражает, и часть насыщенных экранных цветов типографской краской просто не воспроизводится, поэтому конвертер даёт отправную точку, а окончательные значения берут из профиля конкретной типографии. Подобрать сочетание оттенков помогает «Генератор палитры цветов».

Третья группа считает не единицы, а время и объём. «Калькулятор времени загрузки файла» отвечает на вопрос, сколько ждать скачивания при известной скорости, «Калькулятор скорости передачи данных» работает и в противоположную сторону: подбирает требуемую пропускную способность под желаемый срок либо оценивает трафик за интервал, а «Калькулятор объёма загрузки данных» пригодится при планировании трафика. Отдельно стоит «Калькулятор скорости видео»: он показывает, за сколько посмотрится ролик на ускоренном воспроизведении и какую скорость выставить, чтобы уложиться в заданное время. Выбирать между ними стоит по тому, что известно заранее: размер файла, доступная скорость канала или срок, к которому нужно уложиться.