De HSL vers HEX

Traduisez des couleurs TSL (teinte, saturation, luminosité) en codes hexadécimaux #RRGGBB adaptés au CSS, aux design tokens et aux pipelines graphiques.

Chaîne de conversion

1. La teinte (0–360°) choisit la couleur de base sur le cercle chromatique.
2. La saturation (0–100 %) contrôle la distance du chroma par rapport au gris.
3. La luminosité (0–100 %) fixe la luminosité perçue ; 50 % est le milieu de teinte pure.

L’implémentation convertit le TSL en canaux RVB, borne chaque canal à 0–255, puis formate deux chiffres hex par canal. Les couleurs neutres (saturation 0) se réduisent à des gris le long de l’axe de luminosité.

Quand l’utiliser

Passez des curseurs TSL confortables pour le design aux littéraux hex confortables pour le développement, documentez des palettes de marque ou expliquez le lien entre modèles cylindriques et RVB écran.

Limites

La sortie est de l’hex sRGB sans alpha. Des luminosités extrêmes écrêtent le calcul vers #000000 ou #FFFFFF. L’uniformité perceptuelle du TSL est imparfaite — deux teintes à saturation et luminosité égales peuvent paraître d’un brillant différent.

Exemple

Saisissez les valeurs d’exemple par défaut du formulaire et comparez la sortie à une référence connue ; modifiez une entrée à la fois.

Cette skill est disponible via A2A JSON-RPC et REST. Si vous connaissez déjà le skillId et l’export, appelez execute directement—sans découverte.

Exemple REST

curl -sS -X POST https://toolplaza.app/api/helpers/execute \
  -H 'Content-Type: application/json' \
  -d '{"skillId":"colors__from-hsl-to-hex","export":"hslToHex","args":["Hello"]}'

Exemple A2A JSON-RPC

Send POST https://toolplaza.app/api/a2a with:

{
  "jsonrpc": "2.0",
  "id": "1",
  "method": "message/send",
  "params": {
    "message": {
      "messageId": "uuid",
      "role": "user",
      "parts": [
        {
          "kind": "text",
          "text": "ignored"
        }
      ]
    },
    "metadata": {
      "toolplaza": {
        "skillId": "colors__from-hsl-to-hex",
        "export": "hslToHex",
        "args": [
          "Hello"
        ]
      }
    }
  }
}

Guide complet de l’API agents · Schéma de la skill