Generador de tonos y matices de color
Crea escalas etiquetadas de luminosidad desde un color base.
Cómo usar Generador de tonos y matices de color
Color shade and tint generator builds a labeled lightness scale from one base color: tints blended toward white, the base itself, and shades blended toward black. Choose 2 to 10 steps per direction for up to 21 colors, each listed with its HEX code in a table and shown as a swatch with black or white text chosen by luminance.
- Introduce los valores solicitados en el panel de ajustes.
- Configura el color base y los pasos por dirección.
- Ejecuta el generador de tonos y matices de color, revisa la salida y usa los controles disponibles para copiar o descargar.
Qué admite esta herramienta
Crea escalas etiquetadas de luminosidad desde un color base. Genera escalas deterministas en lugar de otra herramienta genérica de paletas.
- Color base
- Set this value for your task.
- Pasos por dirección
- Range: 2 to 10
Límites y procesamiento
Las imágenes usan el límite de lienzo existente de 32 megapíxeles. Se permiten hasta 100 imágenes de origen donde sea admitido. El HTML pegado está limitado a 200,000 caracteres; los diagramas Mermaid a 20,000 caracteres y 300 líneas. La generación de SVG y PNG requiere un navegador.
Preguntas frecuentes
How are tints and shades calculated?
Each RGB channel is blended linearly. Tint i moves the color i/(steps + 1) of the way toward white, and Shade i moves it the same fraction toward black, so pure white and black are never reached. The same input always gives the same scale.
How many colors does the shade and tint generator produce?
Twice the steps per direction, plus the base. With the default of 5 steps you get Tint 5 to Tint 1, Base and Shade 1 to Shade 5, eleven colors in total; the maximum of 10 steps gives 21.
Can I export the color scale?
The results table holds Label and HEX columns and copies as tab-separated text, so it pastes into spreadsheets or design notes. You can then rename labels such as Tint 3 to your own token names.
¿Dónde se procesa mi entrada?
Esta operación procesa su fuente en tu navegador. Copiar y descargar son acciones explícitas; la entrada de origen no se guarda en una cuenta ni en un historial.
¿Cuáles son los límites de entrada?
Las imágenes usan el límite de lienzo existente de 32 megapíxeles. Se permiten hasta 100 imágenes de origen donde sea admitido. El HTML pegado está limitado a 200,000 caracteres; los diagramas Mermaid a 20,000 caracteres y 300 líneas. La generación de SVG y PNG requiere un navegador.