Herramientas gratuitas para
diseñadores & devs
Generadores CSS · herramientas de color · conversores de imágenes · tipografía · y más
PixCode es un toolkit gratuito basado en navegador con 41 herramientas para diseñadores y desarrolladores. Genera gradientes CSS, convierte HEX a RGB, crea paletas de colores, diseña blobs SVG, formatea JSON y mucho más — sin registro.
Cada herramienta funciona completamente en tu navegador: sin subida de archivos, sin cuenta, sin coste.
Herramientas populares
Generador de paletas
Genera paletas de colores al instante
Conversor Hex a RGB
Convierte HEX a RGB, HSL y HSV
Conversor Hex a RAL
Encuentra el color RAL más cercano a cualquier HEX
Explorador RAL
Navega los 221 colores RAL Classic por serie
Explorador HEX
Navega 120 colores por familia de tono
Generador de tintes y sombras
Genera tintes y sombras desde cualquier color
Nuevo
Generador de Skeleton Screen
Genera skeleton screens CSS para layouts de card, lista, artículo y perfil
Generador de formas blob
Genera formas blob orgánicas aleatorias como SVG
Generador de Patrones CSS
Genera patrones de fondo CSS: puntos, líneas, cuadrícula, ajedrez, diagonal
Generador de degradados
Crea degradados CSS y copia el código
Mezclador de colores
Mezcla dos colores y obtén el resultado
Actualizado
Explorar más herramientas
Del blog
Cómo Construir una Paleta de Colores de Marca Coherente desde Cero
Guía paso a paso para elegir tu color primario de marca, generar armonías, verificar el contraste WCAG y exportar variables CSS.
Leer artículo → Color Theory · 8 minRAL vs Pantone vs HEX: qué sistema de color usar y cuándo
Una comparación completa y honesta de los sistemas de color RAL, Pantone y HEX. Fundamentos técnicos, casos de uso y cómo elegir el adecuado para tu proyecto.
Leer artículo → CSS · 15 minGuía completa de sombras CSS: box-shadow, drop-shadow y text-shadow explicados
Domina las tres técnicas de sombra CSS. Diferencias, parámetros, patrones reales y consejos de rendimiento con ejemplos en vivo.
Leer artículo →