← Todas las herramientas

Herramientas de diseño web

Prepara favicons, convierte colores, crea paletas y degradados y revisa el contraste. Copia archivos y CSS a tu proyecto.

Todas las herramientas

Generador de favicon

Crea un ZIP con ICO de varios tamaños, iconos PNG, manifiesto web e instrucciones de instalación.

Web y creación

PNG a ICO

Convierte un PNG en un archivo ICO con iconos de 16, 32 y 48 píxeles.

Web y creación

Imagen a favicon

Recorta una imagen como favicon PNG cuadrado del tamaño elegido y copia su etiqueta HTML.

Web y creación

Selector de color

Elige un color de pantalla y consulta sus valores HEX, RGB y HSL juntos.

Web y creación

HEX a RGB

Convierte un color HEX de tres o seis cifras en valores de rojo, verde y azul.

Web y creación

RGB a HEX

Convierte valores rojo, verde y azul de 0 a 255 en un color HEX de seis cifras.

Web y creación

HSL a HEX

Convierte tono, saturación y luminosidad a HEX con una muestra de color.

Web y creación

Generador de degradados

Previsualiza un degradado lineal de dos colores y copia su CSS con el ángulo elegido.

Web y creación

Comprobador de contraste

Mide el contraste WCAG de dos colores sRGB opacos y compáralo con los umbrales AA y AAA de texto.

Web y creación

Conviene saber

Formatos y límites

Los colores usan sRGB opaco. Favicons: JPG, PNG, WebP y AVIF compatible hasta 20 MiB y 24 MP (6 MP con poca memoria). PNG a ICO solo admite PNG; se recorta al centro.

¿Se suben mis archivos?

Tus archivos y textos se procesan en la memoria temporal del navegador y no se suben para procesarlos. Las preferencias solo guardan identificadores de herramientas, idioma y tema. No hay cuentas, anuncios ni informes automáticos de errores. Al cerrar se pierde el trabajo; descarga lo que quieras conservar. La web de producción usa Google Analytics para estadísticas de visitas; consulta Privacidad.