Instrumente de design
Instrumente rapide pentru lucrul front-end și design vizual, cu CSS gata de copiat și verificări de accesibilitate bazate pe formula de contrast WCAG.
7 instrumente
Instrumente din această categorie
- Convertor de culoriConvertiți culori între HEX, RGB, HSL, HWB, OKLCH și CMYK naiv. Lipiți orice culoare CSS sau folosiți selectorul, apoi copiați fiecare format. Rulează în browserul dvs.
- Verificator de contrastVerificați raportul de contrast WCAG 2.2 dintre culorile textului și fundalului, vedeți rezultatele AA și AAA pentru text și elemente UI și obțineți cea mai apropiată culoare conformă.
- Generator de gradient CSSCreează gradienți CSS liniari, radiali și conici cu 2 până la 6 puncte de oprire, setează unghiul și pozițiile, previzualizează live și copiază codul CSS de fundal.
- Generator Box ShadowCreează umbre CSS box-shadow cu mai multe straturi: offset, blur, spread, culoare, opacitate și inset. Previzualizează pe orice fundal și copiază CSS-ul box-shadow.
- Generator de palete de culoriGenerează palete complementare, analoge, triadice, tetradice, complementare-divizate și palete de nuanțe dintr-o singură culoare. Blochează culori, apoi copiază HEX, CSS sau JSON.
- Convertor PX în REMConvertește px în rem sau em și invers, cu orice dimensiune a fontului rădăcină (implicit 16px). Include un tabel cu dimensiuni uzuale și convertește valorile px din fragmente CSS întregi.
- Calculator raport de aspectGăsiți lățimea sau înălțimea lipsă pentru orice raport de aspect, simplificați dimensiuni precum 1920×1080 la 16:9, previzualizați forma și copiați regula CSS aspect-ratio.