Accessible palette validator
Paste your colours and it reports contrast, colour blindness and which corrected shade to use.
Verified calculationThe result depends only on your data and on formulas covered by the tests.
The interface is in English, but what the engine writes is not: rule messages, error messages, audit-log entries and the catalogue of nodes and patterns come from the specification packages, which are written in Spanish and are the source of truth. Their codes are always visible.
Paste your colours and check whether the contrast passes. If it does not, it proposes the nearest shade that does, and shows how your palette looks with the three kinds of colour blindness.
Your palette
One line per colour: name and value.
4.83
requires 4.5 · normal text
How your palette looks with colour blindness
- text#6b7280 → #6e6e7d
- background#ffffff → #ffffff
- brand#1677ff → #4041de
- alert#ff334e → #a7a547
- muted#94a3b8 → #9a9bb3
- text#6b7280 → #6e6d7c
- background#ffffff → #ffffff
- brand#1677ff → #3a33d6
- alert#ff334e → #b3c246
- muted#94a3b8 → #9a99b2
- text#6b7280 → #6b7a79
- background#ffffff → #ffffff
- brand#1677ff → #1bc4be
- alert#ff334e → #f54241
- muted#94a3b8 → #95afae
The original colour on top, the simulated one below. The value is always written out: if they were told apart by colour alone, this screen would break the very thing it checks.
- El color no puede ser la única señal de un estado. Acompáñalo de texto, icono o forma.
- La simulación de daltonismo aproxima cómo se desplazan los colores; no reproduce la percepción de ninguna persona en particular.
- Esta herramienta valida contraste de color. No sustituye una revisión de accesibilidad de la interfaz completa.
engine 1.0.0 · rule pack 7474c0a94b698cd8…