Tonos de color
Genera los tonos claros y oscuros de un color, códigos copiables.
- Instantánea
- Gratis
- Privada (procesada localmente)
- Sin registro
Una paleta monocromática al instante
Introduce un color y obtén sus tonos claros y oscuros en una escala regular. Haz clic en una muestra para copiar su código HEX.
-
Elige el color
Con el selector o en HEX.
-
Lee la escala
Del más claro al más oscuro.
-
Copia los códigos
Un clic en una muestra.
De qué se compone la escala
| Tipo | Mezcla | Efecto |
|---|---|---|
| Tonos claros | con blanco | más claro |
| Base | #7C3AED | color original |
| Tonos oscuros | con negro | más oscuro |
Escala de 11 pasos (5 claros + base + 5 oscuros). Cálculo RGB simple, todo local. El color base está enmarcado.
Preguntas frecuentes
¿Qué diferencia hay entre un tono claro y uno oscuro?
Un tono claro (tint) es el color mezclado con blanco: se aclara. Un tono oscuro (shade) es el color mezclado con negro: se oscurece. Juntos forman una escala monocromática.
¿Cómo se calculan los valores?
Para aclarar, cada canal RGB se acerca a 255 (blanco); para oscurecer, a 0 (negro), según un porcentaje. Es simple y previsible, ideal para pasos regulares.
¿Para qué sirve esta escala?
Para crear las variantes de un color de marca en un design system: hovers, estados deshabilitados, fondos, bordes. Mantener un único tono base asegura coherencia visual.
¿Puedo obtener los códigos?
Sí: cada muestra muestra su código HEX y se copia con un clic. También puedes introducir un valor HEX directamente o usar el selector de color.