Paleta, escala y reporte de contraste en un solo archivo
Eliges un color base y obtienes un kit de marca completo. Incluye una paleta con un color complementario, una escala de nueve tonos, espaciados y tamaños de texto, todo listo como variables CSS para pegar en tu proyecto. También genera un reporte de contraste que evalúa cada color sobre blanco y negro. Si un color falla, sugiere una alternativa legible que solo ajusta el brillo y mantiene el tono. Aquí es donde fallan muchos kits, ya que un color bonito en la pantalla del diseñador suele terminar como texto gris sobre gris para el usuario.
Un archivo CSS con las variables de color, un archivo de escala con tonos, espaciados y tamaños de texto, una imagen de la paleta para compartir y un reporte de contraste en texto.
Porque un color de marca bonito no siempre es legible. El reporte muestra exactamente dónde el texto no cumple con el estándar AA y ofrece una alternativa que solo cambia el brillo sin alterar el tono.
Están en el espacio sRGB, que es el que usan las pantallas. Para imprimir, es mejor confirmarlo con la imprenta, ya que algunos tonos saturados no se pueden reproducir exactamente con tinta.
La herramienta rota el tono del color base 150 grados en el círculo cromático, cerca del color opuesto pero no exactamente enfrente. Este color está pensado para detalles puntuales, ocupando hasta un 10% de la página.
Klix no se ha podido cargar
Prueba primero a recargar la página. Si acaba de salir una versión nueva, recargar lo soluciona al instante.
Si recargar no ha servido, puede que tu navegador sea demasiado antiguo. Klix ejecuta las herramientas en tu propio dispositivo y no en un servidor, así que necesita un navegador de 2022 o posterior. Qué hacer: actualiza Chrome o Firefox y vuelve a abrir klixtools.com.