Chromatic Observatory · pattern

grid pattern with #1D4ED8

Pattern geometry and colors are deterministically derived and remain stable on every request.

Calculated data

Coordinates and result

Every output is calculated directly from the input color using full-precision numeric transformations.

Foreground#1D4ED8
Background#DDE8FF
Patterngrid
Seed1920728
Applied preview

Light, surface and interface

Applied sample · grid

Controlled texture and repetition

Pattern geometry and colors are deterministically derived and remain stable on every request.

Secondary canvas test

Behavior on a dark canvas

Every output is calculated directly from the input color using full-precision numeric transformations.

Output

Code and tokens

CSS
background: linear-gradient(#1d4ed833 1px, transparent 1px), linear-gradient(90deg, #1d4ed833 1px, transparent 1px) 0 0 / 24px 24px;
JSON
{
  "type": "pattern",
  "preset": "grid",
  "input": "1d4ed8",
  "result": "dde8ff",
  "colors": [
    "1d4ed8",
    "dde8ff"
  ]
}

Frequently asked questions

How is this result calculated?

Every output is calculated directly from the input color using full-precision numeric transformations.

Is the result always accessible?

No. Contrast must be measured against the final background; this page does not claim universal accessibility.