Design

A small workbench of color tools for designers and developers (the kind of thing you keep open in a tab), plus some writing on design itself. The tools run locally in the browser, with no sign-up and nothing uploaded. Two suites so far: the everyday color toolkit, and a set focused on color spaces and gamuts.

• Color tools

  The everyday kit: a picker and converter (HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB), a WCAG contrast checker, color-wheel harmonies, a 50–950 tonal scale, a multi-space mixer, and a CSS gradient builder. Copy any value in a click.

• Colorspace tools

  For the wide-gamut, HDR world: convert a color across sRGB, Display P3 and Rec. 2020 (with linear, XYZ and LAB read-outs), a gamut check for out-of-sRGB colors, a sRGB-vs-P3 comparison, live display capability detection, and a gamma vs linear-light explainer.

• Accessibility (a11y)

  A working reference to web and mobile accessibility for developers, designers and businesses: what a11y is and who it's for, WCAG explained (versions, the POUR principles and the A/AA/AAA conformance levels), what each market requires legally (ADA, Section 508, the EU's EAA and EN 301 549, the UK Equality Act and PSBAR, Canada, Australia and more), mobile-specific guidance, how to test, an interactive AI requirements checker, and copious worked examples and vector illustrations.

• Christopher Alexander

  A working reference to the architect's design theory: all 253 patterns of A Pattern Language, the fifteen properties of living structure, the theory of centers and unfolding from The Nature of Order, his outsized influence on software, and a practical guide to designing with his methods.