Marcelo Paiva
Illustrations
Theme

All illustrations

Two hands hold a tablet and stylus, drawing a grid layout, with two swatch cards nearby.

Draws this one again — same subject and the same people, a new palette and a new angle on it, described afresh. It replaces the drawing on this page for everyone, until somebody draws another. Costs the site about eight cents, and a few seconds.

Or press the left arrow and the right arrow.

WCAG Plugin for Figma

Workread the piece

Asked for
A designer's screen showing a mobile layout with annotation cards pinned beside it and a panel of color swatch tokens
Drawn with (split)
#c93daa#76ae60#5aa880

Why these three

The opposition backed off by 30 degrees either side, which keeps the contrast without the vibration.

  1. SeedSHA-256 of wcag-plugin, which is the same every time and different for every piece.
  2. Base hueThe first two bytes as a fraction of 65,535, times 360 = 311°.
  3. GeometryThe third byte modulo 4 picks split, which adds 0°, 150°, 210°.
  4. WobbleThree more bytes shift each by up to ±12° — +2.2°, +1.7°, 11.7° — so two pieces that draw the same geometry are still not the same shape on the wheel.
  5. Result#c93daa313° at 70% saturation, 79% value#76ae60103° at 45% saturation, 68% value#5aa880149° at 47% saturation, 66% value

Saturation never drops below 72% and value never below 78%, which is what keeps a hue reading as the colour it was chosen to be rather than as a dark. More on how these are made.