Docs/Skills/Color Similarity Skill

Color Similarity Skill

Calculate similarity between two colors

OperationalCredits 2 per callp50 244msMath/Calculations

Overview

Color Similarity Calculator works by converting hex colors to RGB and HSL, calculating Euclidean distance in color space, and comparing hue, saturation, and lightness differences for comprehensive similarity analysis.

Live Test Color Similarity Skill Skill →

The tool

Once your client is connected to the VerveKit server, this appears in its tool list as ColorSimilaritySkill. It is read-only and open-world — it fetches and never mutates anything on your side — so most clients call it without asking you to confirm.

Tool call
{
  "name": "ColorSimilaritySkill",
  "arguments": {
    "color1": "FF5733",
    "color2": "FF6B47"
  }
}

You do not name the tool yourself; the model picks it. Asking about FF5733 in the terms this skill covers is enough for it to reach for ColorSimilaritySkill on its own — naming it explicitly also works, and is the way to force the call.

Connecting

One server URL covers every skill in the catalog, including this one. Authorization is OAuth: the client opens a browser once, and there is no key to paste into a config file.

{
  "mcpServers": {
    "vervekit": {
      "url": "https://api.vervekit.com/v1/mcp"
    }
  }
}

Per-client setup — Claude, Cursor, VS Code, ChatGPT — is on the MCP setup page.

Arguments

These are the properties on the tool's inputSchema, so a well-behaved client validates them before the call is made. Premium arguments are accepted on every plan but only take effect on plans that include them.

ArgumentTypeDescription
color1RequiredstringFirst hex color value (with or without # prefix)
hexColor
color2RequiredstringSecond hex color value (with or without # prefix)
hexColor

What the model gets back

The result carries a structuredContent object matching the tool's declared outputSchema, so a client reads fields without parsing prose. status is "ok" and error is null on success; a null field means the value was not available for that input, not that the call failed.

Result
{
  "status": "ok",
  "error": null,
  "data": {
    "color1": {
      "hex": "#FF5733",
      "rgb": {
        "r": 255,
        "g": 87,
        "b": 51
      },
      "hsl": {
        "h": 10.6,
        "s": 100,
        "l": 60
      }
    },
    "color2": {
      "hex": "#FF6B47",
      "rgb": {
        "r": 255,
        "g": 107,
        "b": 71
      },
      "hsl": {
        "h": 11.7,
        "s": 100,
        "l": 63.9
      }
    },
    "rgb_distance": 28.28,
    "rgb_similarity": 93.6,
    "hsl_similarity": 97.71,
    "overall_similarity": 95.65,
    "delta_e": 28.28,
    "hue_difference": 1.15,
    "saturation_difference": 0,
    "lightness_difference": 3.92,
    "similarity_category": "nearly identical",
    "are_identical": false
  }
}

Response fields

Paths are relative to data. Premium fields are absent rather than zeroed on plans that do not include them, so check for presence instead of comparing to 0.

FieldTypeExampleDescription
color1object{…}The first colour, in hex, RGB and HSL
color1.hexstring#FF5733First color in hexadecimal format representation
color1.rgbobject{…}First colour as red, green and blue channels
color1.rgb.rnumber255Red channel value for first color
color1.rgb.gnumber87Green channel value for first color
color1.rgb.bnumber51Blue channel value for first color
color1.hslobject{…}First colour as hue, saturation and lightness
color1.hsl.hnumber10.6Hue value for first color in degrees
color1.hsl.snumber100Saturation percentage for first color
color1.hsl.lnumber60Lightness percentage for first color
color2object{…}The second colour, in hex, RGB and HSL
color2.hexstring#FF6B47Second color in hexadecimal format representation
color2.rgbobject{…}Second colour as red, green and blue channels
color2.rgb.rnumber255Red channel value for second color
color2.rgb.gnumber107Green channel value for second color
color2.rgb.bnumber71Blue channel value for second color
color2.hslobject{…}Second colour as hue, saturation and lightness
color2.hsl.hnumber11.7Hue value for second color in degrees
color2.hsl.snumber100Saturation percentage for second color
color2.hsl.lnumber63.9Lightness percentage for second color
rgb_distancePremiumnumber28.28Euclidean distance between colors in RGB space
rgb_similarityPremiumnumber93.6Percentage similarity based on RGB color space
hsl_similarityPremiumnumber97.71Percentage similarity based on HSL color space
overall_similaritynumber95.65Combined similarity percentage from all algorithms
delta_ePremiumnumber28.28Delta E color difference metric for perceptual similarity
hue_differencePremiumnumber1.15Hue difference between colors in degrees
saturation_differencePremiumnumber0Saturation percentage difference between colors
lightness_differencePremiumnumber3.92Lightness percentage difference between colors
similarity_categorystringnearly identicalHuman readable category describing similarity level
are_identicalbooleanfalseBoolean indicating if colors are exactly identical

Failure modes

Errors come back as tool errors carrying a sentence the model can act on, not a bare status code. Error handling covers the full list.

StatusWhat it means
400 / 422The arguments did not validate. The message names the offending one.
401The OAuth session is invalid or expired — reconnect the server.
403Blocked by a key restriction or an IP allow-list. Never a bad identity.
404This skill is not part of VerveKit. Check the catalog.
429Out of credits, or a brief rate limit. The message tells them apart.

A call costs 2 credits each time the tool actually runs; a model that reasons about the tool without calling it costs nothing.

Use cases

Color Matching
Find and compare similar colors for design consistency and brand compliance
Image Processing
Compare colors in images for color correction and matching operations
Design Systems
Validate color palette consistency and identify similar colors in design systems
Quality Control
Compare product colors against standards for quality assurance and brand consistency

Other ways to use Color Similarity Skill

Set up Color Similarity Skill on VerveKit, or reach the same source a different way. Your VerveKit account and credits work on all of them — one key, one balance.

Call it as a REST APIOne HTTPS endpoint and an x-api-key header, with SDKs for Node, Python and .NET.APIVerve →Reference →
Google Sheets or ExcelA =VERVE() formula fills a column — no script, no export, recalculates in place.VerveSheets →Reference →
Ground an agent on itA cited, machine-checkable fact your model can't produce on its own.VerveContext →Reference →

More in Math/Calculations:

Was this page helpful?