Design
Преобразование значений цвета XYZ в HEX для отображения на экране
xyz-to-hex-converterDesign
Преобразование значений цвета XYZ в HSL для отображения на экране
xyz-to-hsl-converterDesign
Преобразование значений цвета XYZ в LAB для управления цветом
xyz-to-lab-converterDesign
Преобразование значений цвета XYZ в RGB для отображения на экране
xyz-to-rgb-converterDesign
Преобразование значений цвета XYZ в HSV/HSB для манипуляции цветом
xyz-to-hsv-converterDesign
Создаёт снимок публичной страницы и экспортирует наблюдаемые цвета, типографику, отступы и компоненты.
website-design-style-extractorDesign
Загрузите вариативный шрифт (TTF/OTF/WOFF/WOFF2), чтобы изучить оси fvar и именованные экземпляры, посмотреть интерполяцию прямо в браузере и получить готовый CSS font-variation-settings, эквивалентные высокоуровневые свойства и блок @font-face.
variable-font-axis-instance-and-css-font-variation-settings-builderDesign
Генерирует свойства CSS трансформации
transform-generatorDesign
Генерирует свойства тени текста CSS
text-shadow-generatorDesign
Проходите SVG-путь команда за командой (M/L/H/V/C/S/Q/T/A/Z) — длины дуг по сегментам, накопленные расстояния stroke-dashoffset, bbox по подпутям, векторы управления кубических кривых, решение флагов дуги и выравнивание путь-vs-viewBox.
svg-path-data-cubic-quadratic-and-arc-command-length-walkerDesign
Вставьте классы Tailwind с произвольными значениями (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) и изучите сгенерированный CSS с живым визуальным предпросмотром, распознаванием подсказок типа данных и пояснением каждого преобразования. Полезно для отладки calc(), CSS-переменных и разовых значений вне шкалы токенов.
tailwind-arbitrary-value-playgroundDesign
Создавайте колесо, скретч-карту или коробку-сюрприз. Локальное демо или API магазина, без сервиса выдачи призов.
store-promotion-giveaway-widget-generator