Una paleta se utiliza mejor cuando cada color tiene una función. Empieza por texto, superficies, enlaces y énfasis en lugar de reunir muestras atractivas sin un plan. El mismo verde puede servir como fondo amplio y fallar como letra pequeña sobre blanco. Su utilidad depende de la combinación y del trabajo que realiza.
Elige una pareja confiable de texto y fondo para la lectura principal. Después define cómo se reconocerán los enlaces y reserva pocos usos de acento. No necesitas un color distinto para cada sección. Demasiados acentos compitiendo pueden hacer que información corriente parezca una advertencia o una acción urgente.
Comprueba el contraste con una herramienta adecuada, especialmente en textos pequeños y controles. Mirar la página en un monitor brillante no es una medición suficiente. Revisa los valores reales de primer plano y fondo, incluidos paneles de color y estados de botones. Una combinación que funciona en portada puede fallar en el pie o en un aviso.
Conserva el significado sin depender del color
Si una comparación utiliza verde para incluido y rojo para no disponible, añade palabras u otra señal clara. El lector no debería necesitar distinguir esos tonos para entenderla. Lo mismo ocurre con mensajes de formularios y elementos de navegación seleccionados. El color puede reforzar el significado, pero no cargar por sí solo con toda la información.
Leer el diagrama como texto
- Texto y superficie: Un par legible de primer plano y fondo sostiene la lectura.
- Enlaces: Un tratamiento reconocible, como el subrayado, identifica la navegación.
- Estado o comparación: Palabras como Incluido o No disponible acompañan al color.
El color puede reforzar el mensaje; no debe ser el único mensaje.
En un tema de bloques, la paleta y los estilos compartidos ayudan a mantener coherencia. Aun así, pueden existir ajustes individuales. Revisa los bloques antes de asumir que un cambio general modificó todo. Un color elegido durante un borrador puede permanecer como excepción accidental después de renovar la paleta.
Prepara una muestra privada con párrafo, enlace, botón, encabezado y panel de color. Obsérvala en un teléfono y dentro del contexto real del sitio. Mantén una selección suficientemente pequeña para que otro editor pueda elegir sin adivinar. Un sistema útil facilita las decisiones normales y permite excepciones específicas cuando el contenido realmente las necesita.
