Instrumente Design — Gratuit online
13 instrumenteInstrumente de design și CSS: selectoare de culori, constructoare de gradienți, generatoare de umbre și utilități CSS.
Verificator Contrast WCAG și APCA
Verifică accesibilitatea culorilor cu raporturi WCAG 2.1 și scoruri APCA moderne cu simulare vizuală în timp real.
Generator Animații CSS
Proiectează vizual animații keyframe de înaltă performanță cu previzualizări live și controale easing.
Generator Border Radius CSS
Creează vizual radii de border CSS avansate cu 8 puncte. Proiectează cercuri, forme organice și figuri elaborate.
Generator Box Shadow CSS
Proiectează vizual umbre CSS multi-strat avansate cu previzualizări în timp real și suport inset.
Generator Filtre CSS
Aplică filtre CSS în timp real precum blur, contrast și luminozitate pe imagini cu previzualizări live și export cod.
Generator Flexbox CSS
Proiectează vizual layout-uri flexibile cu sandbox interactiv pentru proprietăți container și elemente.
Generator Grid CSS
Proiectează vizual layout-uri 2D complexe. Trage pentru a crea zone de grilă, ajustează piste și exportă CSS curat.
Convertor PX în REM
Convertor bidirecțional px/rem cu potrivire Tailwind CSS, generator tipografie fluidă clamp() și conversie CSS în lot.
Convertor SVG în CSS
Convertește iconițe SVG în URI-uri de date CSS optimizate cu formate de ieșire background-image, mask-image și Tailwind.
Generator Favicon
Generează favicon-uri din text, emoji sau imagini în formate ICO, PNG, SVG și pachet PWA cu suport mod întunecat.
Generator Gradienți CSS
Creează gradienți CSS atrăgători cu editor vizual suportând tipuri liniare, radiale și conice cu interpolare OKLCH și suprapunere textură granulară.
Generator Palete Culori
Generează palete de culori armonioase în OKLCH cu șase moduri de armonie, matrice contrast WCAG și export CSS/Tailwind/JSON.
Selector Culori
Selectează culori cu un canvas HSV interactiv, convertește între HEX, RGB, HSL și OKLCH și verifică raporturi contrast WCAG față de alb și negru.