Disseny i CSS

Creeu colors, mida sensible i CSS preparat per a la producció.

Color i accessibilitat

Conversor de colorConverteixi colors entre HEX, RGB, HSL, HSV, CMYK i LAB: editi qualsevol camp i la resta s'actualitzarà automàticament.Pàgines especialitzades (8)
Verificador de contrastIntroduïu un color de text i de fons per veure la relació de contrast WCAG i quins nivells AA i AAA s'assoleixen.

CSS disseny i efectes

Generador de Box ShadowArrossegui els lliscadors per dissenyar una ombra de caixa, acumuli capes per donar profunditat i copiï el CSS resultant a l'instant.
Generador de degradatsCreeu un degradat lineal, radial o cònic, afegiu punts de parada de color i definiu la direcció, i després copieu el CSS amb un sol clic.
Generador de Border RadiusArrodoneixi cada cantó amb lliscadors, creï gotes orgàniques amb el mode el·líptic i copiï el CSS a l'instant.
Generador de FlexboxConfigureu un contenidor flex i els seus elements amb controls visuals, observeu com reacciona el disseny en temps real i copieu el CSS amb un sol clic.
Generador de CSS GridDefiniu les columnes i files, arrossegueu per les cel·les per col·locar els elements i copieu el CSS de la quadrícula amb l'HTML corresponent amb un sol clic.
Generador de CSS Cubic BezierArrossegui els dos controladors per dissenyar una corba de transició, observi el moviment d'un punt en comparació amb un de constant i copiï el valor cubic-bezier().
Calculadora de CSS clamp()Introduïu una mida per a pantalles petites i grans i obtingueu un valor clamp() fluid que s'escala de manera suau entremig, ideal per a mides de font, farcits, marges o espais.

Inspecció i llicències de tipografies

Verificador de llicències i informació de fontsObriu una font local per llegir els seus noms integrats, el text de la llicència i els indicadors d'incrustació de documents, com a evidència del fitxer, no com a prova que disposeu d'una llicència.

Pantalla, impressió i proporció