Bootstrap Theme Color Nearest Lookup

Nearest caller framework/version Bootstrap theme Lab reference, semantic label not inferred from hue. Explicit declared color space/reference and caller applicability; not spectral equivalence, pigment mixing, press readiness or accessibility certification.

Description

Bootstrap theme matching needs the supplied theme edition and swatch coordinates.

Bootstrap theme matching needs the supplied theme edition and swatch coordinates.1

The nearest reference swatch does not establish the intended semantic role or inspect a site's stylesheet. Use Bootstrap Theme Color Nearest Lookup to find nearest supplied Lab swatches.

When to use Bootstrap Theme Color Nearest Lookup

Use Bootstrap Theme Color Nearest Lookup to find nearest supplied Lab swatches. Supply the intended palette IDs and Lab swatches under one common reference convention, then enter the query in that same coordinate system.

How to use Bootstrap Theme Color Nearest Lookup and understand its results

  1. Supply the intended palette IDs and Lab swatches under one common reference convention, then enter the query in that same coordinate system.
  2. Enter Caller verified bootstrap ids, Caller same white bootstrap lab swatches, Query same white lab using the field table and validation rules below, then run the tool.
  3. Read Nearest caller ids, Minimum declared space distance; interpret the units, signs, ordering and unknown-value placeholders described below.
  4. Correct reported input errors and rerun. Apply successful results according to their specific meanings and check the assumptions before using them in a decision.
Input fieldMeaningValue typeRequirement
callerVerifiedBootstrapIdsCaller verified bootstrap idsarray of stringRequired; constraints below
callerSameWhiteBootstrapLabSwatchesCaller same white bootstrap lab swatchesarray of arrayRequired; constraints below
querySameWhiteLabQuery same white labarray of numberRequired; constraints below

Provide unique nonblank caller swatch IDs of at most 128 UTF-16 code units, one finite three-component Lab swatch per ID and a finite three-component query. The registry must be nonempty and all coordinates must use the same independently established white/reference convention. Calculate Euclidean distances and return every ID whose distance is exactly the minimum, preserving caller order. Ties use exact numeric equality. No named palette, RGB conversion, white adaptation or official matching certification is supplied.

nearest IDs = all caller IDs with distance==min(hypot(L−Lq,a−aq,b−bq))

Use the field order, units and branch conditions described above.

Output fieldMeaningValue type
nearestCallerIdsNearest caller idsarray of string
minimumDeclaredSpaceDistanceMinimum declared space distancenumber
json
{
  "input": {
    "callerVerifiedBootstrapIds": [
      "a",
      "b"
    ],
    "callerSameWhiteBootstrapLabSwatches": [
      [
        50,
        0,
        0
      ],
      [
        50,
        3,
        4
      ]
    ],
    "querySameWhiteLab": [
      50,
      3,
      4
    ]
  },
  "output": {
    "nearestCallerIds": [
      "b"
    ],
    "minimumDeclaredSpaceDistance": 0
  }
}

Limitations and assumptions

The nearest reference swatch does not establish the intended semantic role or inspect a site's stylesheet. Apply the exact scope and assumptions explained above.

All listed fields require explicit values. Unexpected fields, incorrect types, nonfinite numbers and sparse arrays fail validation. Domain-specific bounds, alignments and supported tokens are explained above; extremely large inputs or outputs can also be rejected. Input errors differ from successful false results, empty match lists and unknown-evidence placeholders.

Alternative or Complementary methods

Use Tailwind Palette Nearest Shade Lookup for a related task: Tailwind shade matching depends on the supplied palette edition and color coordinates.

Use Material Palette Step Classify (50–900) for a related task: Material palette step numbers label positions in an identified design-system edition.

References

  1. Bootstrap Theme Color Nearest Lookup — tool.io

Similar or alternative tools

Don't forget to set a bookmark for tool.io!
Privacy | Imprint | Cookies