Un color → paleta profesional completa con código
Generador de paleta de colores para sitios web: eliges un color de marca y obtienes una paleta de nueve colores con una explicación de cuándo usar cada uno, y código CSS listo para pegar. La paleta incluye un color principal, un tono para el paso del ratón, un tono suave para fondos y etiquetas, un color complementario para acentos puntuales, dos tonos de texto, una superficie para tarjetas, un fondo de página y un borde. Junto a los tonos de texto aparece una prueba de contraste sobre blanco según el umbral de 4.5. Debajo se muestra una escala de nueve tonos, del 100 al 900, y al hacer clic en cada color se copia su código. Al final copias la paleta como variables CSS a tu código o a una herramienta de creación con IA. Todo se calcula en el navegador.
Si tienes un logo, tómalo de ahí. Si no, elige un color que encaje con tu sector: azul para confianza, verde para salud, naranja para energía. También puedes empezar con uno de los siete colores predefinidos.
Una forma de definir un color una vez y usarlo en todo el sitio web. El código define variables como --color-primary, y las herramientas de creación con IA saben trabajar con ellas.
Se desplaza 150 grados en la rueda de colores respecto al color principal, casi en el lado opuesto. La recomendación es usarlo en menos del 10% de la página.
Su relación de contraste sobre fondo blanco es inferior a 4.5, el umbral que exige la norma de accesibilidad para texto normal. Un color así es mejor solo para texto grande, o bien oscurecerlo.
Sí, hay un campo para el código en formato #RRGGBB junto al selector de colores.
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.