Auric Artisan browser extension

Home

Auric Artisan Colour intelligence studio

Colour

Aa
The quick brown fox jumps over the lazy dog.
14px body text — abc 0123456789
Button A hyperlink Chip
— WCAG ratio APCA —
  • AA Body
  • AA Large
  • AAA Body
  • AAA Large
  • AA UI 3:1
  • Gfx 3:1
  • Lc 90 Any
  • Lc 75 Body
  • Lc 60 Large
  • Lc 45 XL/Bold
  • Lc 30 UI

Colour-vision check

Contrast as about 8% of men see it
Drop an image, paste one, or click to browse PNG · JPG · WebP · GIF — read on your device
Harmony builder
Scale generator
OKLCH · perceptual
Copy
Framework
Export
%
%
Converter · every format at once

See the live page the way people with different vision do.

WCAG 2.2 · Level AA Check this tab's colours and accessibility against WCAG 2.2.

Everything the tools found — colour, accessibility and inspection — in one list. Run an audit to fill it.

Inspector

Pick an element on the page to read its rules, box model and accessibility, then try CSS on it live.
No element selected

Choose Select element, hover the page, and click a target. Its full snapshot appears here.

P pin C copy CSS S selector J JSON

Read the page's design tokens — its CSS custom properties, type scale and fonts.

Your last 50 colours.

Colours and palettes you saved.

Colours

Palettes

Saved code — CSS, gradients, tokens, palettes. Kept on this device.

The full-size tools on auricartisan.com, each in a new tab.

Analyzer Palettes Harmony Gradients Shades Colour library Vision lab Ishihara plates Science lab Colour atlas Personalise Accessibility Learn Workspace