Preparar una paleta de color
Crea tonos a partir de un HEX y obtén sus valores RGB y HSL.
- Crear los tonosAquí
- Convertir un color
Generador de paletas de color
Crea tonos claros y oscuros a partir de un color HEX y copia la paleta.
Privado: se procesa en tu navegador y lo que escribes nunca se envía. Cómo comprobarlo
#RGB / #RRGGBB
Tus archivos se procesan aquí, en tu dispositivo
No enviamos el contenido de tus archivos o textos a ningún servidor: todo se procesa en la memoria de tu navegador. No necesitas una cuenta, no hay cupo diario y no usamos analítica ni rastreadores. Cada herramienta tiene límites de tamaño para cuidar la memoria de tu dispositivo.
Solo necesitas conexión para cargar el sitio. Después puedes desconectarte y las herramientas siguen funcionando (algunas vistas previas pueden necesitar conexión). El alojamiento puede recibir datos técnicos de las visitas. Los favoritos guardan solo identificadores de herramientas en este navegador.
Cómo tratamos tus datos →Cómo usar esta herramienta
- Introduce el HEX con 3 o 6 dígitos.
- Elige cuántos tonos quieres y crea la paleta.
- Revisa las muestras y copia o descarga los códigos.
Un ejemplo que puedes comprobar
Prepara una familia de tonos para una composición visual.
Datos de ejemplo
#254F42
Resultado esperado
#C9D3D0 #779189 #254F42 #173129 #091411
El color central coincide con la entrada. Los extremos mezclan 75 % de blanco y negro; comprueba el contraste antes de usarlos con texto.
Generador de paletas de color: usos y recomendaciones
Crear una paleta desde un color base permite obtener variantes más claras y oscuras para explorar una composición. La herramienta genera una escala tonal, no una selección automática de colores complementarios ni una identidad visual completa. El color base queda como referencia central y las otras muestras modifican su apariencia hacia tonos claros u oscuros. Elige la cantidad impar admitida para mantener esa referencia en el centro de la colección.
Puedes utilizar las variantes para probar superficies, bordes y acentos, pero asignar un papel a cada color requiere revisar el diseño completo. Una muestra que funciona como fondo puede no servir para texto pequeño. La luminosidad percibida depende también de colores vecinos y de la pantalla. No elijas una variante solo porque está a una distancia concreta dentro de la escala; comprueba la combinación donde realmente se va a mostrar.
La paleta no calcula automáticamente relaciones de contraste ni garantiza cumplir criterios de accesibilidad. Si necesitas distinguir estados, no dependas únicamente del color: utiliza etiquetas o formas comprensibles. Revisa cada pareja de texto y fondo con una herramienta adecuada para contraste. La generación tonal tampoco ofrece una equivalencia de impresión con tintas o perfiles profesionales; los códigos están pensados para representaciones de color en pantalla.
Comprueba el color central y copia los códigos completos. Guarda la paleta junto a la función de cada muestra para que otro editor no intercambie un borde con un fondo por error. Para obtener una notación RGB o HSL de un valor concreto, utiliza Convertir colores. Si trabajas sobre una imagen, Escala de grises permite observar la información tonal, pero no aplica automáticamente esta paleta a sus píxeles. Prueba los recursos juntos antes de considerar terminada la elección visual.
Una comprobación práctica antes de utilizar el resultado
Una prueba de diseño puede asignar variantes a fondo, borde y acento y mostrar las tres juntas. Revisa texto real sobre cada fondo antes de elegir. Guarda los códigos con sus funciones para mantener la misma combinación en otras páginas.
Continúa tu tarea
Descarga el resultado o copia el texto antes de abrir otra herramienta. Después puedes cargarlo o pegarlo en el siguiente paso; no se transfiere automáticamente.
Opciones y límites
Introduce un color HEX de 3 o 6 dígitos y elige 3, 5, 7 o 9 colores. El color original queda en el centro. Los tonos claros mezclan sus canales RGB con blanco y los oscuros con negro, hasta un 75 %. Se muestran muestras visuales y códigos HEX descargables.
Preguntas frecuentes
¿Los colores garantizan buen contraste de texto?
No. La paleta sirve como punto de partida visual. Comprueba el contraste de cada combinación de texto y fondo antes de usarla en una interfaz.
¿Se guardan mis datos en un servidor?
No. El contenido y los archivos se procesan en tu navegador, sin registro. Al cerrar la página se pierde el resultado si no lo has descargado.
¿Es gratis y hace falta registrarse?
Sí, es gratis. No necesitas registrarte, crear una cuenta ni instalar ninguna aplicación, y no hay un cupo diario de usos: abres la herramienta y la usas. Solo existen los límites de tamaño que protegen la memoria de tu dispositivo.
¿Se envían mis datos a algún servidor?
No. Lo que escribes o pegas se procesa en la memoria de tu navegador y no se envía a ningún servidor. Puedes comprobarlo con la pestaña Red del navegador o desconectándote tras cargar la página.