Crear y jugar
Colores y diseño
14 herramientas gratuitas para quien trabaja con el color: crear una paleta, encontrar los complementarios, tintes y sombras, convertir códigos de color, comprobar el contraste para la accesibilidad, simular el daltonismo, generar degradados, sombras y bordes redondeados en CSS, y patrones de fondo.
Las más buscadas
Nombres de colores CSS
Los 148 colores con nombre de CSS con vista previa y hex: busca, ordena por tono y copia.
Generador de paletas
Genera paletas de 5 colores con armonías, bloquea tus favoritos y copia los HEX.
Colores complementarios
Consigue paletas complementarias, triádicas, análogas y divididas con sus códigos hex.
Vista previa de fuentes del sistema
Prueba tu texto con las fuentes del sistema más habituales y copia el CSS listo para usar
Patrones de fondo
Lunares, rayas, cuadrícula, zigzag y ondas: mosaicos PNG sin costuras para descargar.
Tintes y sombras
Genera 10 tintes y 10 sombras a partir de cualquier color, con los hex listos para copiar.
Todas, de la A a la Z 14
Color aleatorio
Genera colores al azar con sus códigos HEX y RGB: pasteles, oscuros e historial completo.
Colores complementarios
Consigue paletas complementarias, triádicas, análogas y divididas con sus códigos hex.
Contraste de color WCAG
Comprueba la relación de contraste entre texto y fondo según los niveles AA y AAA de WCAG.
Conversor de colores
Convierte colores entre HEX, RGB, HSL y CMYK con vista previa y copia en un clic.
Generador de border-radius
Esquinas redondeadas y formas blob con 4 u 8 radios, vista previa y CSS para copiar.
Generador de box-shadow
Sombras CSS con vista previa: desplazamiento, desenfoque, color y código listo para copiar.
Generador de degradados CSS
Crea degradados CSS lineales y radiales con vista previa y código listo para copiar.
Generador de paletas
Genera paletas de 5 colores con armonías, bloquea tus favoritos y copia los HEX.
Nombres de colores CSS
Los 148 colores con nombre de CSS con vista previa y hex: busca, ordena por tono y copia.
Patrones de fondo
Lunares, rayas, cuadrícula, zigzag y ondas: mosaicos PNG sin costuras para descargar.
Selector de color
Elige un color a ojo y copia sus códigos HEX, RGB y HSL, con historial guardado.
Simulador de daltonismo
Mira una imagen como la vería una persona con protanopia, deuteranopia o tritanopia
Tintes y sombras
Genera 10 tintes y 10 sombras a partir de cualquier color, con los hex listos para copiar.
Vista previa de fuentes del sistema
Prueba tu texto con las fuentes del sistema más habituales y copia el CSS listo para usar