Visualiza Tus Colores
En un sitio Web Real

¿Estás eligiendo una paleta de colores para tu sitio web?
Usa la Barra de herramientas situada en la parte inferior para realizar tus elecciones.

Desplázate para ver más secciones

¿Por qué colores en tiempo real?

Ahorra tiempo

No es necesario pasar horas implementando diferentes variaciones de colores. ¡Decide ahora mismo!

En tiempo real

Las paletas de colores tradicionales hacen que sea dificil decidir la combinación perfecta

Es simple.

¡Presiona algunos botones y ahí lo tienes! Tus propios colores de marca, listos para exportar.

¿Cómo funciona?

Obtendrás tu paleta de colores finalizada en 4 sencillos pasos.

Comienza con dos colores neutros para el texto y el fondo.

Elige tus botones. El principal es para las llamadas a la acción principales y el secundario es para botones y tarjetas de información menos importantes.

El color de acento es un color adicional. Aparece en imágenes, resaltados, hipervínculos, cuadros, tarjetas, etc. Puede ser el mismo que el tercer color (botón primario).

¿Feliz con los resultados? Presione "Exportar" y reciba un archivo .zip con su paleta de colores en .png y sus códigos de color en archivos .txt

Planes y precios

¡La herramienta es 100% gratuita! Construyendo una comunidad de aprendizaje inclusiva y accesible.

Básico

GRATIS

Escoge cualquier color

Exporta todo lo que quieras

Comienza ahora

Más Popular

Pro

$0.00 / mes

Escoge cualquier color

Exporta todo lo que quiras

Not olvides de compartir esta herramienta.

Comienza

Empresarial

$0.00 / mes

Escoge cualquier color

Exporta todo lo que quieras

Soporte por correo electrónico.

Contacto

Preguntas Frecuentes

Respuestas a algunas preguntas que podrías tener.

¿Cuántos colores debo elegir?

Normalmente, 3 colores están perfectamente bien (fondo, texto y un color de acento).
Sin embargo, si lo deseas, puedes elegir más. Por lo general, no agregamos más de 6 colores en toda la plataforma. Solo complicaría las cosas. Además, dificultaría mantener los colores consistentes en todo el diseño.

¿Por qué cambia el color del texto a veces?

La herramienta está diseñada para mostrarte una imagen realista de los colores que elijas. Sin embargo, a veces puede haber poco contraste entre el color de fondo y el color del texto de algunos elementos. En ese caso, el color del texto cambia para evitar que sea ilegible. Esto se activa cuando la verificación de contraste de color AA y AAA no se cumple. Ten en cuenta: El color del texto solo cambiará entre el fondo y los colores de texto que hayas elegido para intentar pasar la verificación de contraste. No seleccionará ningún color fuera de tus elecciones.

¿Qué recibiré después de exportar mis colores?

Después de exportar, recibirás un archivo .zip. Este archivo está comprimido, así que tendrás que extraerlo.
Después de extraerlo, verás un archivo .png y un archivo .txt. La imagen .png muestra tu paleta de colores en cuadros uno al lado del otro. El archivo .txt incluye los códigos de color en HEX y RGB. Puedes enviar estos archivos a diseñadores o desarrolladores, o simplemente usarlos en tu proyecto.

¿Por qué algunos colores tienen algo de transparencia?

Este sitio web te permite elegir solo colores opacos. Sin embargo, para hacer el diseño más atractivo, he hecho algunas partes más transparentes agregando un poco de opacidad a ellas. Por supuesto, puedes usar estos colores como quieras en tus propios proyectos.

Tu Viaje No Debería Terminar Aquí.

Sígueme en redes sociales para estar al tanto de más proyectos.

Mantente Informado
ExportarN/D
Auto generador

Tip: Presiona tu barra espaciador para randomizar más rápido