← Алати
Дизајн & ЦСС
Креирајте боје, прилагодљиве величине и ЦСС спреман за производњу.
Боје и приступачност
- Конвертор бојаКонвертујте боје између HEX, RGB, HSL, HSV, CMYK и LAB формата — измените било које поље и остала се тренутно прилагођавају.Специјализоване странице (8)
- Провера контраста (Contrast Checker)Унесите боју текста и позадине да бисте израчунали WCAG однос контраста и проверили усклађеност са AA и AAA нивоима.
CSS распоред и ефекти
- Генератор сенки (Box Shadow)Подесите клизаче да бисте креирали сенку, додајте слојеве за већу дубину и одмах копирајте готов CSS код.
- Генератор градијената (Gradient Generator)Креирајте линеарни, радијални или конусни градијент, додајте боје и подесите смер, па копирајте CSS код једним кликом.
- Генератор заобљености углова (Border Radius)Заоблите сваки угао помоћу клизача, обликујте органске форме уз елиптични режим и одмах копирајте CSS код.
- 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 користећи сопствену основну и контекстну величину фонта — измените било које поље и остала се тренутно ажурирају.
Инспекција и лиценцирање фонтова
Нема одговарајућих алата у овој категорији.