Design
Преобразование значений цвета XYZ в HSV/HSB для манипуляции цветом
xyz-to-hsv-converterDesign
Преобразование значений цвета XYZ в HSL для отображения на экране
xyz-to-hsl-converterDesign
Предпросмотр пары Google Fonts (заголовок + текст) с настройкой веса и межстрочного, плюс готовый CSS-сниппет с @import и переменными. Кураторский список из 22 шрифтов и 7 проверенных пресетов.
webfont-pairing-labDesign
Вставьте классы Tailwind с произвольными значениями (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) и изучите сгенерированный CSS с живым визуальным предпросмотром, распознаванием подсказок типа данных и пояснением каждого преобразования. Полезно для отладки calc(), CSS-переменных и разовых значений вне шкалы токенов.
tailwind-arbitrary-value-playgroundDesign
Анализирует WebP/VP8 через Sharp, создает grayscale displacement map и рендерит 3D-рельеф в Three.js
vp8-image-analyzerDesign
Генерирует свойства CSS трансформации
transform-generatorDesign
Декодирует QR-коды из изображений и извлекает содержащийся текст или URL
qr-code-decoderDesign
Генерирует QR-коды из URL или текста с настраиваемым размером и цветами
qr-code-generatorDesign
Преобразование значений цвета RGB в формат HEX для веб-дизайна
rgb-to-hex-converterDesign
Преобразование значений цвета RGB в HSL для отображения на экране
rgb-to-hsl-converterDesign
Преобразование значений цвета RGB в HSV/HSB для манипуляции цветом
rgb-to-hsv-converterDesign
Двустороннее преобразование между HEX, RGB, HSL, OKLCH и Display-P3 по CSS Color 4, со значениями светроты/хромы/тона, проверкой гаммы sRGB и Display-P3 и предложением обрезки вне гаммы
oklch-color-converter