Escritorio de color
Generador de tinte de color
Aclara un color mezclándolo con blanco.
Generador de tinte de color: TOEA aplica esta fórmula fija: Tint = color × (1 − amount) + white × amount. El cálculo de color se ejecuta localmente en tu navegador. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas cotidianas
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
HEX aclarado
#5C8AF0
- RGB aclarado
- rgb(92, 138, 240)
Tinte = color × (1 − cantidad) + blanco × cantidad- Los resultados son transformaciones matemáticas deterministas en sRGB; la apariencia en pantalla depende de tu monitor y del perfil de color.
- La entrada HEX acepta notación #RGB o #RRGGBB. Los valores permanecen en tu navegador y no se cargan.
Crear una escala de tonos claros
Los sistemas de diseño suelen obtener sus pasos más claros mezclando con blanco; tint-color() de Bootstrap funciona así. Los tonos con un 80–95% de blanco crean fondos para alertas, filas seleccionadas y etiquetas, mientras que un 20–40% proporciona una versión más suave del color de marca para rellenos al pasar el cursor e ilustraciones. Genera cada paso a partir de la base original en lugar de teñir un tono ya teñido, para que los porcentajes mantengan su significado, y reserva la base para el texto o los iconos de los pasos más claros.
Por qué los tonos claros pueden parecer tiza
Añadir blanco reduce la saturación además de aumentar la luminosidad, por lo que los tonos pálidos pueden parecer lechosos y, en particular, los azules pueden virar hacia el lavanda. Si un paso claro no queda bien, prueba con una base ligeramente más saturada o establece directamente la luminosidad en el convertidor de color y compara. El texto oscuro supera el contraste con más facilidad cuanto más claro es el tono; comprueba la combinación que uses en el comprobador de contraste.
Cómo se usa
- Introduce valores #RGB o #RRGGBB válidos y el porcentaje indicado.
- Ejecuta la operación de color fija que se realiza localmente en tu navegador.
- Revisa las muestras y copia el resultado o los valores de la paleta.
Privacidad y límites
Los valores de color permanecen en este dispositivo. El resultado de contraste es un verificador matemático, no una garantía general de conformidad con WCAG; el contexto, el renderizado tipográfico, el contraste de elementos no textuales y los estados de la interfaz de usuario todavía requieren revisión.
Herramientas relacionadas
Preguntas frecuentes
¿Cómo funciona el Generador de tinte de color?
Utiliza Tint = color × (1 − amount) + white × amount.
¿Qué formatos HEX se aceptan?
Usa notación sRGB de #RGB de tres dígitos o #RRGGBB de seis dígitos. No se aceptan canales alfa ni colores por nombre.
¿El resultado de contraste garantiza el cumplimiento de accesibilidad?
No. Es un verificador matemático de contraste para los colores informados y los umbrales de texto, no una garantía general de conformidad.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta