← Instrumente
Design și CSS
Creați culori, dimensionare receptivă și CSS gata de producție.
Culoare și accesibilitate
CSS layout și efecte
- Generator Box ShadowTrageți de glisoare pentru a crea o umbră de tip box-shadow, suprapuneți straturi pentru profunzime și copiați instantaneu codul CSS rezultat.
- Generator de gradiențiCreați un gradient liniar, radial sau conic, adăugați puncte de oprire a culorii, setați direcția și copiați codul CSS rezultat printr-un singur clic.
- Generator Border RadiusRotunjiți fiecare colț cu ajutorul glisoarelor, creați forme organice cu modul eliptic și copiați instantaneu codul CSS.
- Generator FlexboxConfigurați un container flex și elementele sale cu ajutorul controalelor vizuale, urmăriți modificările în timp real și copiați codul CSS printr-un singur clic.
- Generator CSS GridDefiniți coloanele și rândurile, selectați celulele pentru a plasa elementele și copiați codul CSS împreună cu cel HTML corespunzător printr-un singur clic.
- Generator CSS Cubic BezierTrageți de cele două mânere pentru a modela o curbă de atenuare, urmăriți mișcarea unui punct comparativ cu una constantă și copiați valoarea cubic-bezier().
- Calculator CSS clamp()Introduceți dimensiunile pentru ecrane mici și mari și obțineți o valoare fluidă clamp() care se scalează armonios între ele — ideală pentru dimensiuni de font, padding, margini sau spațieri.
Ecran, imprimare și proporții
- Convertor Pixeli / DPIConvertiți pixeli în inchi, cm și mm la orice valoare DPI/PPI — util atât pentru designul de ecrane, cât și pentru lucrările de tipar.
- Calculator PPI ecranIntroduceți rezoluția și dimensiunea ecranului pentru a obține densitatea de pixeli, dot pitch-ul, dimensiunile fizice și multe altele.
- Convertor px în rem și emConvertiți între px, rem și em folosind propriile dimensiuni pentru fontul de bază și cel de context — editați orice câmp și celelalte două se vor actualiza pe măsură ce tastați.
Inspecție și licențiere fonturi
Nu există instrumente potrivite în această categorie.