Generador de bordes redondeados
Generador de bordes redondeados. Ajusta cada esquina con deslizadores y copia el CSS.
Color
Procesado en tu dispositivo
Procesado en tu dispositivo
Color
Herramientas útiles en tu navegador.
⌘ K
Buscar herramientas
Color
Sombra de caja · Generador
Usa Sombra de caja · Generador en el navegador. Elige la entrada y los ajustes de la tarea y revisa el resultado.
Color
Composición de color alfa
Composición de color alfa. Composición de primer plano sobre fondo opaco en sRGB codificado.
Color
Simulador de daltonismo
Simulador de daltonismo. Aproximación de dicromatismo de Machado et al. (2009). La percepción varía. Los grises muestran luminancia aparte.
Color
Distancia de color
Distancia de color. CIE76 ΔE usa Lab D50 con adaptación Bradford. Mide diferencia de color, no contraste ni legibilidad.
Color
Mezclador de colores
Mezclador de colores. sRGB codificado y luz lineal dan colores distintos. La proporción corresponde al color B.
Color
Paleta de colores · Generador
Usa Paleta de colores · Generador en el navegador. Elige la entrada y los ajustes de la tarea y revisa el resultado.
Color
Selector y convertidor de color
Usa Selector y convertidor de color en el navegador. Elige la entrada y los ajustes de la tarea y revisa el resultado.
Color
Comprobador de contraste
Usa Comprobador de contraste en el navegador. Elige la entrada y los ajustes de la tarea y revisa el resultado.
Color
Generador de CSS clamp
Generador de CSS clamp. Exporta rem y vw. Indica la fuente raíz de tu página. La vista simula el ancho elegido.
Color
Editor Bézier de CSS
Editor Bézier de CSS. Arrastra los puntos o usa las flechas. Mayús aumenta el paso.
Color
Generador de filtros CSS
Generador de filtros CSS. Ajusta filtros y compara la vista previa con el CSS generado.
Color
Degradado CSS · Generador
Usa Degradado CSS · Generador en el navegador. Elige la entrada y los ajustes de la tarea y revisa el resultado.
Color
SVG a URI de datos
SVG a URI de datos. Elige SVG local o pega su código. Ejecuta para ver, ampliar y descargar.
Color
Visor SVG
Visor SVG. Elige SVG local o pega su código. Ejecuta para ver, ampliar y descargar.
Color
Generador de sombras de texto
Generador de sombras de texto. Ajusta posición, desenfoque, color y opacidad de la sombra del texto.
Color
Escala tipográfica
Escala tipográfica. Define tamaño base, proporción y pasos para generar tamaños CSS.
Color