Da HSL a HEX

Traducete colori HSL (tonalità, saturazione, luminosità) in codici esadecimali #RRGGBB adatti a CSS, design token e pipeline grafiche.

Pipeline di conversione

1. La tonalità (0–360°) seleziona il colore base sulla ruota cromatica.
2. La saturazione (0–100 %) controlla la distanza del croma dal grigio.
3. La luminosità (0–100 %) imposta la luminosità percepita; il 50 % è il punto medio della tonalità pura.

L’implementazione converte HSL in canali RGB, limita ogni canale a 0–255 e formatta due cifre hex per canale. I colori neutri (saturazione 0) collassano in grigi lungo l’asse della luminosità.

Quando usarlo

Passate dagli slider HSL comodi per i designer ai letterali hex comodi per gli sviluppatori, documentate palette di brand o spiegate come i modelli cilindrici si collegano all’RGB dello schermo.

Limiti

L’output è hex sRGB senza alpha. Valori estremi di luminosità tagliano il calcolo a #000000 o #FFFFFF. L’uniformità percettiva dell’HSL è imperfetta: due tonalità con stessa saturazione e luminosità possono apparire di luminosità diversa all’occhio.

Esempio

Inserite i valori di esempio predefiniti del modulo e confrontate l’output con un riferimento noto; regolate un input alla volta.

Questa skill è disponibile via A2A JSON-RPC e REST. Se conosci già skillId ed export, chiama execute direttamente—senza discovery.

Esempio 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"]}'

Esempio 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"
        ]
      }
    }
  }
}

Guida completa Agent API · Schema della skill