← Інструменти
Дизайн і CSS
Створюйте кольори, змінюйте розмір і готовий CSS.
Колір та доступність
- Конвертер кольорівКонвертуйте кольори між HEX, RGB, HSL, HSV, CMYK та LAB — змінюйте будь-яке поле, а інші оновлюватимуться на льоту.Спеціалізовані сторінки (8)
- Перевірка контрастностіВведіть кольори тексту та фону, щоб дізнатися коефіцієнт контрастності WCAG та перевірити відповідність стандартам AA й AAA.
CSS макети та ефекти
- Генератор Box ShadowКеруйте параметрами box-shadow за допомогою повзунків, комбінуйте шари для глибини та миттєво копіюйте готовий код CSS.
- Генератор градієнтівСтворюйте лінійні, радіальні або конічні градієнти, додавайте колірні точки, налаштовуйте напрямок та копіюйте CSS в один клік.
- Генератор Border RadiusЗаокруглюйте кожен кут повзунками, створюйте органічні асиметричні форми в еліптичному режимі та миттєво копіюйте CSS.
- Генератор FlexboxНалаштовуйте flex-контейнер та його елементи за допомогою візуальних інструментів, дивіться на результат наживо та копіюйте CSS в один клік.
- Генератор CSS GridЗадавайте кількість стовпців та рядків, виділяйте мишкою області для розміщення елементів та копіюйте готовий CSS та HTML-код.
- Генератор CSS Cubic BezierКеруйте двома маркерами для створення кривої плавности, порівнюйте рух точок наживо та копіюйте готове значення cubic-bezier().
- Калькулятор CSS clamp()Вкажіть розміри для малих і великих екранів та отримайте адаптивне значення clamp() для плавного масштабування шрифтів, відступів чи інтервалів.
Екрани, друк та пропорції
- Конвертер пікселів та DPIКонвертуйте пікселі в дюйми, см та мм для будь-якого значення DPI/PPI — як для дизайну інтерфейсів, так і для підготовки до друку.
- Калькулятор PPI екранаВведіть роздільну здатність та розмір екрана, щоб отримати щільність пікселів, крок пікселя, фізичні розміри та інші параметри.
- Конвертер px у rem та emКонвертуйте значення між px, rem та em на основі ваших базових та контекстних розмірів шрифтів — змінюйте будь-яке поле, а інші оновлюватимуться на льоту.
Перевірка шрифтів та ліцензування
У цій категорії немає відповідних інструментів.