Accessibility Check
dataschnitzel.at

Palette check

Test your report colours before you build

Paste your colours, sort them into backgrounds, chart colours and text colours, and see which combinations pass WCAG 2.2, also for people with colour vision deficiencies. Then adjust each colour until everything passes.

by Karin Szilágyi on LinkedIn (opens in a new tab)

  1. 1Add coloursPaste and sort
  2. 2CheckScores and preview
  3. 3FixAdjust until it passes
  4. 4ExportTheme, hex codes, Coolors

Add your colours

Paste them, then drag each colour to where it's used in the report. Or click colours to pick them (Shift-click picks a whole run) and move them with the bar that appears. × removes a colour.

Hex codes or a Coolors link land under “Not sorted yet”. A Power BI theme file is sorted for you. To sort them yourself as you paste, put a label in front of each list (a Coolors link works too):

canvas: #F3F2F1
visual: #FFFFFF
chart: coolors.co/118dff-12239e-e66c37
text: #252423, #605E5C

Common colours

Click to add one under “Not sorted yet”, or drag it straight to where it belongs.

Backgrounds

canvas and visual backgrounds · ⇄ switches the role

Chart colours

in series order · 3:1 on visual backgrounds

Text colours

4.5:1 on every background

✓ passes its contrast check✗ too little contrast◐ labels only: readable as a data label on chart colours, not as text on a backgroundChart colours show their series number.