Guía de Prismatica: armonía, contraste y exportación
Prismatica es un estudio interactivo de paletas de color. Elige un tono, ajusta saturación y luminosidad y compara cinco colores en una interfaz de muestra o una matriz de contraste. Los cálculos se realizan en tu navegador.
Cómo usar la aplicación
- Elige un tono con la rueda de color o con el control deslizante accesible por teclado.
- Ajusta saturación y luminosidad y selecciona una armonía monocromática, complementaria, análoga, triádica o tetrádica.
- Revisa cada combinación en la matriz de contraste. Copia un valor hexadecimal, guarda la paleta en este dispositivo o descarga CSS y JSON.
Cómo funciona el motor de color
El estudio convierte los valores de tono, saturación y luminosidad en colores RGB hexadecimales. Cada modelo de armonía aplica desplazamientos de tono fijos. Las variaciones de saturación y luminosidad crean colores claros y profundos. Los resultados se actualizan al instante, sin enviar tus elecciones a servicios externos. Los colores generados son puntos de partida, no una garantía de combinaciones accesibles.
Cómo interpretar el contraste
La matriz compara cada color de texto con cada fondo mediante luminancia relativa. El texto normal necesita al menos 4.5:1 para WCAG AA y 7:1 para AAA. El texto grande necesita 3:1 para AA. Se considera grande el texto de al menos 18 puntos, o de 14 puntos en negrita. Estos umbrales evalúan solo el contraste: no certifican un sitio completo. Las etiquetas numéricas siguen siendo legibles aunque la muestra no supere el umbral.
Guardar, exportar y reutilizar
El guardado conserva la paleta actual en el almacenamiento local de este navegador y la restaura cuando vuelves. No crea una cuenta ni sincroniza dispositivos; borrar los datos del navegador elimina la paleta. La exportación CSS contiene propiedades personalizadas para tus hojas de estilo. El archivo JSON incluye el nombre, la armonía y los colores hexadecimales. Descarga un archivo si necesitas una copia portátil y consérvala fuera del navegador.
Preguntas y respuestas
¿Qué genera Prismatica?
Prismatica genera paletas de cinco colores a partir del tono, saturación, luminosidad y modelo de armonía elegidos.
¿Un contraste aprobado significa que mi sitio cumple WCAG?
No. Solo satisface un umbral de contraste para el tamaño de texto indicado. El teclado, la semántica, el foco, el contenido y otros requisitos necesitan una evaluación adicional.
¿Dónde se guarda mi paleta?
Se guarda en este navegador y dispositivo. Exporta CSS o JSON para conservar una copia portátil.