Generador de paleta de colores
Elige un color para obtener tonos más claros y oscuros con códigos hex.
Generador de paleta de colores
Elige un color base y obtén una paleta de tonos claros y oscuros —versiones más claras y más oscuras— cada uno con su código hex. Perfecto para crear escalas de color de interfaz, estados hover y variantes accesibles a partir de un solo color de marca.
Tonos y sombras
Un tono claro mezcla el color hacia el blanco; una sombra lo mezcla hacia el negro. El recuadro central es tu color exacto. Usa tonos claros para fondos y sombras oscuras para texto o bordes y mantener el contraste.
Preguntas frecuentes
¿En qué formato están los códigos? Hex (p. ej. #146c43), listos para pegar en CSS.
¿Sale mi color de la página? No: la paleta se genera en local en tu navegador.