Marcelo Paiva
Saturation
Theme

All illustrations

Drawing for WTFocus: a focus ring you can check instead of argue about.

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.

WTFocus: a focus ring you can check instead of argue about

Work — read the piece

Meant to show
A keyboard user searching for a focus ring he cannot see. For him a faint one is not a style choice; it is not knowing where he is on the page.
Asked for
Close-up of a plastic keyguard over a keyboard, a man with cerebral palsy pressing Tab through it with a typing aid strapped to his hand, his face lit by the screen as he searches it for where the focus landed
Drawn with (split)
#c6b04e#5f9ab0#5353c9

Why these three

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

  1. SeedSHA-256 of wtfocus, 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 = 41°.
  3. GeometryThe third byte modulo 4 picks split, which adds 0°, 150°, 210°.
  4. WobbleThree more bytes shift each by up to ±12° — +7.6°, +5.1°, −11.4° — so two pieces that draw the same geometry are still not the same shape on the wheel.
  5. Result#c6b04e49° at 61% saturation, 77% value#5f9ab0196° at 46% saturation, 69% value#5353c9240° at 59% saturation, 79% value

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