Інструменти для дизайну
Швидкі інструменти для фронтенду й візуального дизайну: готовий до копіювання CSS і перевірка доступності за формулою контрастності WCAG.
Інструментів: 7
Інструменти в цій категорії
- Конвертер кольорівПеретворюйте кольори між HEX, RGB, HSL, HWB, OKLCH і спрощеним CMYK. Вставте CSS-колір або скористайтеся піпеткою, а потім скопіюйте потрібний формат. Працює у браузері.
- Перевірка контрастностіПеревірте контрастність тексту й тла за WCAG 2.2, результати рівнів AA та AAA для тексту й елементів інтерфейсу та знайдіть найближчий колір, що відповідає вимогам.
- Генератор CSS-градієнтівСтворюйте лінійні, радіальні й конічні CSS-градієнти з 2–6 кольоровими точками, задавайте кут і позиції, переглядайте результат і копіюйте CSS для фону.
- Генератор тіней CSSСтворюйте багатошарові тіні CSS: налаштовуйте зміщення, розмиття, розширення, колір, непрозорість і внутрішню тінь. Переглядайте результат на будь-якому тлі та копіюйте CSS для box-shadow.
- Генератор палітр кольорівСтворюйте комплементарні, аналогові, тріадні, тетрадні, роздільно-комплементарні палітри та палітри відтінків на основі одного кольору. Фіксуйте кольори й копіюйте HEX, CSS або JSON.
- Конвертер PX у REMПеретворюйте px на rem або em і навпаки, задавши розмір кореневого шрифту (за замовчуванням 16px). Є таблиця поширених розмірів і перетворення значень px у цілих фрагментах CSS.
- Калькулятор співвідношення сторінЗнайдіть відсутню ширину чи висоту для будь-якого співвідношення сторін, спростіть розміри, наприклад 1920×1080 до 16:9, перегляньте форму та скопіюйте правило CSS aspect-ratio.