Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de sombras CSS
Ajusta desplazamiento, desenfoque, expansión, color y opacidad de una sombra exterior o interior y copia su CSS.
Vista previa
Acerca de esta herramienta
Ajusta desplazamiento, desenfoque, expansión, color y opacidad de una sombra exterior o interior y copia su CSS.
Cómo se usa
Modifica los controles y observa la vista previa. La opción interior activa inset. Los desplazamientos y la expansión pueden ser negativos; el desenfoque no. Las dimensiones van de -200 a 200 px y el desenfoque de 0 a 200 px. Se genera una capa de box-shadow que puedes copiar o descargar.
Herramientas relacionadas
Comprobador de contraste
Comprueba el contraste de texto según WCAG 2.2 con vista previa y resultados AA y AAA para texto normal y grande.
Generador de degradados CSS
Diseña degradados lineales o radiales con dos a ocho puntos de color y copia el CSS con vista previa en directo.
Calculadora de relación de aspecto
Simplifica las proporciones de imágenes o vídeos y calcula la anchura o altura que corresponde a un tamaño de destino.
Comentarios
0