Generador de tintes: 10 tintes claros desde un HEX
Genera 10 tintes de cualquier color hexadecimal mezclándolo con blanco en pasos del 10 % al 100 %. Copia valores HEX individuales o exporta todos los tintes como variables CSS. Gratis, instantáneo y en tu navegador.
Cómo usar esta herramienta
- Enter a base hex colour.
- The tool mixes it with white at 10–100% to produce ten tints.
- Copy individual tints or export them as CSS variables.
#ea6d1d#ed7d36#ef8e4f#f19e68#f4ae82#f6be9b#f8ceb4#fadfcd#fdefe6#ffffffAcerca de Generador de tintes de color
El Generador de tintes toma cualquier color hexadecimal y crea a partir de él 10 tintes, es decir, versiones progresivamente más claras del color. Lo consigue mezclando el color de partida con blanco en pasos que van del 10 % al 100 %, de modo que obtienes una escala completa desde el color casi puro hasta sus versiones más suaves y luminosas.
Cada tinte de la escala se puede copiar de forma individual a partir de su valor hexadecimal, así coges exactamente el nivel de claridad que necesitas. Si prefieres llevarte la escala entera de una vez, puedes exportar todos los tintes como variables CSS, listos para pegar en tu hoja de estilos sin transcribir valores a mano.
Los tintes son muy útiles para construir fondos suaves, estados sutiles, superficies y rampas de color en sistemas de diseño, donde una misma base necesita varias versiones más claras. La herramienta es gratuita, instantánea y no requiere registro: todo el cálculo se ejecuta enteramente en tu navegador y nada abandona tu dispositivo.
Preguntas frecuentes
- ¿Cómo se calculan los tintes?
- Cada tinte se obtiene mezclando el color hexadecimal de partida con blanco en pasos que van del 10 % al 100 %, lo que produce 10 versiones progresivamente más claras del color.
- ¿Cuántos tintes genera?
- Genera 10 tintes, desde el color casi puro hasta sus versiones más claras y luminosas.
- ¿Puedo copiar un solo tinte o exportarlos todos?
- Ambas cosas. Puedes copiar cualquier valor hexadecimal individual, o exportar todos los tintes de una vez como variables CSS.
- ¿Para qué se usan los tintes?
- Son ideales para fondos suaves, estados sutiles, superficies y rampas de color claras dentro de un sistema de diseño.
- ¿Necesito registrarme y se envía algo a un servidor?
- No hace falta ningún registro y es gratuito. Todo el cálculo se ejecuta enteramente en tu navegador y nada se envía a un servidor.