Tailwind Palette Nearest Shade Lookup

Nearest caller exact framework/version Tailwind shade Lab reference with ties retained, no bundled current palette. Explicit declared color space/reference and caller applicability; not spectral equivalence, pigment mixing, press readiness or accessibility certification.

Description

Tailwind shade matching depends on the supplied palette edition and color coordinates.

Tailwind shade matching depends on the supplied palette edition and color coordinates.^[1]

A nearest Lab result does not identify a CSS token from an installed Tailwind release. Use Tailwind Palette Nearest Shade Lookup to find nearest supplied Lab swatches.

When to use Tailwind Palette Nearest Shade Lookup

Use Tailwind Palette Nearest Shade 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 Tailwind Palette Nearest Shade Lookup and understand its results

Supply the intended palette IDs and Lab swatches under one common reference convention, then enter the query in that same coordinate system.
Enter Caller verified tailwind ids, Caller same white tailwind lab swatches, Query same white lab using the field table and validation rules below, then run the tool.
Read Nearest caller ids, Minimum declared space distance; interpret the units, signs, ordering and unknown-value placeholders described below.
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 field	Meaning	Value type	Requirement
callerVerifiedTailwindIds	Caller verified tailwind ids	array of string	Required; constraints below
callerSameWhiteTailwindLabSwatches	Caller same white tailwind lab swatches	array of array	Required; constraints below
querySameWhiteLab	Query same white lab	array of number	Required; 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 field	Meaning	Value type
nearestCallerIds	Nearest caller ids	array of string
minimumDeclaredSpaceDistance	Minimum declared space distance	number

json

{
  "input": {
    "callerVerifiedTailwindIds": [
      "a",
      "b"
    ],
    "callerSameWhiteTailwindLabSwatches": [
      [
        50,
        0,
        0
      ],
      [
        50,
        3,
        4
      ]
    ],
    "querySameWhiteLab": [
      50,
      3,
      4
    ]
  },
  "output": {
    "nearestCallerIds": [
      "b"
    ],
    "minimumDeclaredSpaceDistance": 0
  }
}

Limitations and assumptions

A nearest Lab result does not identify a CSS token from an installed Tailwind release. 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 Material Palette Step Classify (50–900) for a related task: Material palette step numbers label positions in an identified design-system edition.

Use Bootstrap Theme Color Nearest Lookup for a related task: Bootstrap theme matching needs the supplied theme edition and swatch coordinates.

References

Tailwind Palette Nearest Shade Lookup — tool.io

Similar or alternative tools

Material Palette Step Classify (50–900)
Material palette step numbers label positions in an identified design-system edition.
Bootstrap Theme Color Nearest Lookup
Bootstrap theme matching needs the supplied theme edition and swatch coordinates.