← Mga Tool
Disenyo at CSS
Lumikha ng mga kulay, tumutugon sa laki at CSS na handa sa paggawa.
Kulay at Accessibility
- Color ConverterMag-convert ng mga kulay sa pagitan ng HEX, RGB, HSL, HSV, CMYK, at LAB — i-edit ang kahit anong field at ang iba ay mag-a-update habang nagpapatuloy ka.Mga espesyalisadong pahina (8)
- Contrast CheckerMaglagay ng kulay ng text at background para makita ang WCAG contrast ratio at kung aling mga antas ng AA at AAA ang pumapasa.
CSS Layout at Mga Epekto
- Box Shadow GeneratorI-drag ang mga slider para humubog ng box-shadow, magpatong ng mga layer para sa lalim, at kopyahin ang natapos na CSS agad-agad.
- Gradient GeneratorBumuo ng linear, radial, o conic na gradient, magdagdag ng mga color stop at i-set ang direksyon, pagkatapos ay kopyahin ang CSS sa isang click lang.
- Border Radius GeneratorBilugin ang bawat sulok gamit ang mga slider, humubog ng mga organic blob gamit ang elliptical mode, at kopyahin ang CSS agad-agad.
- Flexbox GeneratorMag-set up ng flex container at ng mga item nito gamit ang mga visual na kontrol, panoorin ang reaksyon ng layout nang live, at kopyahin ang CSS sa isang click lang.
- CSS Grid GeneratorI-set ang iyong mga column at row, i-drag sa mga cell para maglagay ng mga item, at kopyahin ang grid CSS kasama ang katugmang HTML sa isang click lang.
- CSS Cubic Bezier GeneratorI-drag ang dalawang handle para hubugin ang easing curve, panoorin ang paggalaw ng dot kumpara sa steady na dot, at kopyahin ang cubic-bezier() value.
- CSS clamp() CalculatorMaglagay ng sukat para sa maliliit at malalaking screen at kumuha ng fluid na clamp() value na maayos na nag-i-scale sa pagitan — para sa mga sukat ng font, padding, margin o gap.
Inspeksyon at Paglilisensya ng Font
Screen, Print at Proporsyon
- Tagapagsalin ng Pixel / DPII-convert ang mga pixel sa pulgada, cm, at mm sa anumang DPI/PPI — para sa disenyo ng screen at gawaing pag-print.
- Kalkulador ng Screen PPIMaglagay ng resolution at sukat ng screen para makuha ang pixel density, dot pitch, pisikal na dimensyon, at iba pa.
- px sa rem at em ConverterMag-convert sa pagitan ng px, rem, at em gamit ang sarili mong root at context font size — i-edit ang kahit anong field at ang dalawa pa ay mag-a-update habang nagta-type ka.
Walang katugmang kasangkapan sa kategoryang ito.