De HSL a HEX

Traduzca colores HSL (matiz, saturación, luminosidad) a códigos hexadecimales #RRGGBB aptos para CSS, tokens de diseño y pipelines gráficos.

Cadena de conversión

1. El matiz (0–360°) elige el color base en la rueda cromática.
2. La saturación (0–100 %) controla la distancia del croma respecto al gris.
3. La luminosidad (0–100 %) fija el brillo percibido; el 50 % es el punto medio del matiz puro.

La implementación convierte HSL a canales RGB, acota cada canal a 0–255 y formatea dos dígitos hex por canal. Los colores neutros (saturación 0) se colapsan en grises a lo largo del eje de luminosidad.

Cuándo usarlo

Pase de deslizadores HSL cómodos para diseño a literales hex cómodos para desarrollo, documente paletas de marca o explique cómo los modelos cilíndricos se relacionan con el RGB de pantalla.

Limitaciones

La salida es hex sRGB sin alfa. Valores extremos de luminosidad recortan el cálculo a #000000 o #FFFFFF. La uniformidad perceptual de HSL es imperfecta: dos matices con la misma saturación y luminosidad pueden verse con distinto brillo.

Ejemplo

Introduzca los valores de muestra por defecto del formulario y compare la salida con una referencia conocida; ajuste una entrada cada vez.

Esta skill está disponible por A2A JSON-RPC y REST. Si ya conoce el skillId y el export, llame a execute directamente—sin descubrimiento.

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

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

Guía completa de la API de agentes · Esquema de la skill