Von HSL zu HEX

Übersetzen Sie HSL-Farben (Farbton, Sättigung, Helligkeit) in hexadezimale #RRGGBB-Codes für CSS, Design-Tokens und Grafikpipelines.

Umrechnungsschritte

1. Farbton (0–360°) wählt die Basisfarbe auf dem Farbkreis.
2. Sättigung (0–100 %) steuert den Chromatizitätsabstand zu Grau.
3. Helligkeit (0–100 %) setzt die wahrgenommene Helligkeit; 50 % ist der reine Farbton-Mittelpunkt.

Die Implementierung wandelt HSL in RGB-Kanäle um, begrenzt jeden Kanal auf 0–255 und formatiert zwei Hex-Ziffern pro Kanal. Neutrale Farben (Sättigung 0) werden zu Grauwerten entlang der Helligkeitsachse.

Wann Sie es nutzen

Wechseln Sie zwischen designerfreundlichen HSL-Reglern und entwicklerfreundlichen Hex-Literalen, dokumentieren Sie Markenpaletten oder erklären Sie, wie zylindrische Farbmodelle mit Bildschirm-RGB zusammenhängen.

Einschränkungen

Die Ausgabe ist sRGB-Hex ohne Alpha. Extreme Helligkeitswerte clippen die Kanalrechnung auf #000000 oder #FFFFFF. Die wahrnehmungsbezogene Gleichmäßigkeit von HSL ist unvollkommen — zwei Farbtöne mit gleicher Sättigung und Helligkeit können dem Auge unterschiedlich hell erscheinen.

Beispiel

Geben Sie die Standard-Beispielwerte im Formular ein und vergleichen Sie die Ausgabe mit einer bekannten Referenz; ändern Sie jeweils nur einen Wert.

Dieser Skill ist über A2A JSON-RPC und REST verfügbar. Wenn Sie Skill-ID und Export kennen, rufen Sie execute direkt auf—ohne Discovery.

REST-Beispiel

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

A2A JSON-RPC-Beispiel

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

Vollständige Agenten-API-Anleitung · Skill-Schema