Предпросмотр пары Google Fonts (заголовок + текст) с настройкой веса и межстрочного, плюс готовый CSS-сниппет с @import и переменными. Кураторский список из 22 шрифтов и 7 проверенных пресетов.

Design

Песочница произвольных значений Tailwind

Вставьте классы Tailwind с произвольными значениями (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) и изучите сгенерированный CSS с живым визуальным предпросмотром, распознаванием подсказок типа данных и пояснением каждого преобразования. Полезно для отладки calc(), CSS-переменных и разовых значений вне шкалы токенов.

Design

Анализатор изображений VP8

Анализирует WebP/VP8 через Sharp, создает grayscale displacement map и рендерит 3D-рельеф в Three.js

Design

Генератор CSS Трансформаций

Генерирует свойства CSS трансформации

Design

Декодер QR-кода

Декодирует QR-коды из изображений и извлекает содержащийся текст или URL

Design

Генератор QR-кода

Генерирует QR-коды из URL или текста с настраиваемым размером и цветами

Design

Конвертер RGB в HEX

Преобразование значений цвета RGB в формат HEX для веб-дизайна

Design

Конвертер RGB в HSL

Преобразование значений цвета RGB в HSL для отображения на экране

Design

Конвертер RGB в HSV

Преобразование значений цвета RGB в HSV/HSB для манипуляции цветом

Design

OKLCH Конвертер цветов

Двустороннее преобразование между HEX, RGB, HSL, OKLCH и Display-P3 по CSS Color 4, со значениями светроты/хромы/тона, проверкой гаммы sRGB и Display-P3 и предложением обрезки вне гаммы