← Инструменти
Дизайн и 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Преобразувайте пиксели в инчове, cm и mm при всякакъв DPI/PPI — както за уеб дизайн, така и за печатни материали.
- Калкулатор за PPI на екранВъведете разделителна способност и размер на екрана, за да получите плътност на пикселите, размер на пиксела, физически размери и др.
- Конвертор от px към rem и emКонвертирайте между px, rem и em, като използвате Ваши собствени размери за основен шрифт и контекст — редактирайте което и да е поле и останалите две се обновяват, докато пишете.
Инспекция и лицензиране на шрифтове
Няма съответстващи инструменти в тази категория.