Cómo usar la herramienta «Generador de paletas de colores»
- Introduce un color baseEscribe un código HEX de seis dígitos, como #2b46ff, en Color base.
- Genera la paletaPulsa Ejecutar.
- Copia las muestrasCada muestra indica su código HEX y su etiqueta, desde Tint 80% pasando por Base hasta Shade 80%, seguida de Inverse.
Usos habituales
- Crear los estados hover y pulsado del color de un botón
- Sacar fondos claros y bordes oscuros a partir de un color de marca
- Empezar una escala sencilla de tokens de diseño
Preguntas frecuentes
¿Cómo se usa la herramienta «Generador de paletas de colores»?
1. Introduce un color base: Escribe un código HEX de seis dígitos, como #2b46ff, en Color base. 2. Genera la paleta: Pulsa Ejecutar. 3. Copia las muestras: Cada muestra indica su código HEX y su etiqueta, desde Tint 80% pasando por Base hasta Shade 80%, seguida de Inverse.
¿Cómo se calculan los colores?
Los tintes mezclan el color base con blanco al 80, 60, 40 y 20 por ciento, y las sombras lo mezclan con negro al 20, 40, 60 y 80 por ciento. La mezcla se hace directamente sobre los valores RGB.
¿Qué es la muestra Inverse?
Cada canal RGB se resta de 255, lo que da el negativo del color. Sirve como referencia rápida de contraste, no como esquema completo de armonía de color.
¿Qué formatos de color puedo introducir?
HEX de seis cifras o la forma abreviada de tres, como #24f, con o sin el signo #. No se aceptan valores RGB ni HSL.
¿Se envía mi color a un servidor?
Solo el código HEX se envía al servidor de GigaTools, que calcula las muestras y te las devuelve. No se guarda nada.