Дизайн
QR, кольори та невеликі помічники для зображень.
Створити QR-код
Створіть QR-код для URL-адрес або тексту — ECC, розмір, тиха зона та кольори — усе на пристрої.
Створити штрихкод
CODE128, EAN-13, UPC або CODE39.
Вибір кольору
Hex, RGB і HSL з кольору.
Перевірка контрасту
Коефіцієнт контрасту WCAG двох кольорів.
SVG у PNG
Розстеризуйте SVG у PNG.
Створити favicon
Зробіть значок фавікону ICO з PNG — центрований на прозорому полотні, кілька розмірів в одному файлі.
Генератор палітри
Палітра з кольору-насіння.
Генератор градієнта
Градієнт CSS і PNG.
Зображення OG
Зображення для поширення 1200×630.
Конструктор діаграм
CSV на стовпці/лінії.
Знімок коду
Відрендеріть код як PNG.
Тінь CSS
Налаштуйте box-shadow наживо.
Календар для друку
PNG місячного календаря.
Мета-теги
Згенеруйте мета SEO/соцмереж.
Аватар identicon
Геометричний аватар з тексту.
Симуляція колірної сліпоти
Наближення CVD.
CSS Border-Radius
Попередній перегляд і копіювання border-radius для чотирьох кутів.
Зображення-заглушка
Створіть однотонний PNG з розміром і підписом.
CSS Outline
Створіть ширину, стиль і колір outline.
CSS Opacity
Створіть правило opacity: 0–1.
CSS Letter-Spacing
Створіть правило letter-spacing у em.
CSS Line-Height
Створіть безрозмірне правило line-height.
CSS Word-Spacing
Створіть правило word-spacing у em.
CSS Font-Weight
Створіть правило font-weight 100–900.
CSS Text-Transform
Створіть правило text-transform з ключовим словом.
CSS Text-Align
Створіть правило text-align з ключовим словом.
CSS Font-Style
Створіть правило font-style з ключовим словом.
CSS Text-Decoration
Створіть правило text-decoration з ключовим словом.
CSS Text-Indent
Створіть правило text-indent у em.
CSS White-Space
Створіть правило white-space з ключовим словом.
CSS Cursor
Створіть правило cursor з ключовим словом.
CSS User-Select
Створіть правило user-select з ключовим словом.
CSS Overflow
Створіть правило overflow з ключовим словом.
CSS Gap
Створіть правило gap у rem.
Яркость hex
Относительная яркость цвета hex.
Комплемент hex
Комплементарний цвет hex.
Осветлить hex
Осветлите цвет hex на відсоток.
Затемнить hex
Затемніть цвет hex на відсоток.
Смешать hex
Смешайте два цвета hex.
Инвертировать hex
Инвертируйте RGB цвета hex.
Hex в HSL
Перетворіть hex в HSL.
HSL в hex
Перетворіть HSL в hex.
px в rem
Перетворіть пиксели в rem.
rem в px
Перетворіть rem в пиксели.
px в em
Перетворіть пиксели в em.
em в px
Перетворіть em в пиксели.
vw в px
Перетворіть vw в пиксели.
px в vw
Перетворіть пиксели в vw.
Alpha Hex8
Додайте alpha к цвету hex.
Оттенок hex (tint)
Смешайте цвет hex до білого.
Тень hex (shade)
Смешайте цвет hex до чорного.
Hex в оттенки сірого
Перетворіть hex в оттенки сірого.
Пара контраста hex
Коеффициент контраста двох цветов hex.
CSS Aspect-Pad
padding-top % для пропорціи.
Случайний пастельний hex
Случайний пастельний цвет hex.