ForHosting KIT · Web: scraping y monitoreo

Convierta formatos de color CSS: HEX, RGB, HSL y CMYK

Convierta un color entre HEX, RGB, HSL y CMYK sin recurrir a una aplicación de diseño ni reescribir fórmulas.

● BetaGratis · en su navegador

Úselo desde WebAPIEmailTelegramApp pronto

Introduzca una expresión completa, elija el formato de destino y obtenga un valor limpio, listo para copiar. El conversor valida la notación antes de calcular, limita los canales numéricos a sus rangos válidos y señala las entradas mal formadas en lugar de adivinarlas. Así resulta útil tanto para hojas de estilo como para procesos automatizados.

Introduzca una expresión de color completa

Empiece con una notación admitida: HEX de tres o seis dígitos como <code>#f80</code> o <code>#ff8800</code>, <code>rgb()</code> separado por comas, <code>hsl()</code> con porcentajes o <code>cmyk()</code> con porcentajes. RGB requiere tres canales; HSL, un matiz y dos porcentajes; CMYK, cuatro porcentajes. Incluya la almohadilla y los signos de porcentaje correspondientes. Se acepta espacio alrededor de las comas. Esta gramática estricta evita interpretar una expresión incompleta como otro color. No se admiten canales alfa, nombres CSS, sintaxis moderna separada por espacios ni otros espacios cromáticos. Si el texto no coincide con una de las cuatro formas, se devuelve un error de entrada no válida en vez de un resultado dudoso.

Comprenda el ajuste, la conversión y el redondeo

Después de validar la estructura, cada canal queda limitado al rango de su modelo. RGB usa de 0 a 255. El matiz HSL usa de 0 a 360, y la saturación y luminosidad, de 0 a 100 por ciento. Los componentes CMYK también usan de 0 a 100 por ciento. Por ejemplo, <code>rgb(300, -8, 20)</code> equivale a <code>rgb(255, 0, 20)</code>. El ajuste no repara canales ausentes, funciones mal escritas ni porcentajes omitidos. La conversión emplea aritmética sRGB determinista. HEX y RGB redondean a enteros; HSL y CMYK conservan hasta dos decimales sin ceros innecesarios. La respuesta identifica el formato detectado y el solicitado para que una automatización pueda verificar la ruta de análisis.

Utilice el resultado en CSS y automatizaciones

La respuesta ofrece un valor normalizado listo para copiar, junto con etiquetas del origen y el destino. HEX se entrega con seis dígitos en mayúsculas; RGB, HSL y CMYK mantienen comas y espacios estables. Puede adaptar un token de diseño al formato de una biblioteca, validar temas importados o normalizar colores de formularios sin instalar dependencias gráficas. CMYK es aquí una conversión matemática, no un perfil ICC específico ni una garantía sobre tintas físicas. Tampoco se conserva alfa. El uso en navegador es adecuado para conversiones puntuales; cada solicitud por API cuesta $0.002 y permite aplicar exactamente la misma operación determinista desde scripts, compilaciones, pruebas y lotes controlados.

Qué puede hacer con ella

Normalizar tokens de diseño

Convierta entradas HEX, RGB, HSL y CMYK mezcladas a la única notación exigida por su archivo de tokens.

Preparar un valor CSS

Transforme un color de diseño en una expresión HSL, RGB o HEX limpia y lista para una hoja de estilo.

Validar colores importados

Rechace registros mal formados y ajuste con seguridad los canales válidos que superen sus límites.

Preguntas frecuentes

¿Cuánto cuesta una conversión por API?

Cada solicitud por API cuesta $0.002. La herramienta del navegador sirve para conversiones individuales.

¿Qué formatos de entrada se aceptan?

Se aceptan HEX de tres o seis dígitos, rgb() con tres canales, hsl() con matiz y dos porcentajes, y cmyk() con cuatro porcentajes.

¿Qué ocurre si un canal queda fuera de rango?

Un canal numérico bien formado se limita: RGB a 0–255, el matiz a 0–360 y los porcentajes HSL o CMYK a 0–100.

¿Se admiten canales alfa?

No. HEX con alfa y las expresiones rgba() o hsla() se rechazan como entradas mal formadas.

¿Por qué no se corrige una entrada mal formada?

Adivinar sintaxis ausente puede cambiar el color pretendido. Solo se ajustan rangos numéricos; la estructura inválida debe corregirse.

Para desarrolladores — acceso por API

Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.

Endpoint de API

POSThttps://api.kit.forhosting.com/web/color-format-convert

¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.

Llámela desde su stack

curl -X POST https://api.kit.forhosting.com/web/color-format-convert \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#ff8800","target_format":"hsl"}'

const res = await fetch("https://api.kit.forhosting.com/web/color-format-convert", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color": "#ff8800",
    "target_format": "hsl"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/color-format-convert",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#ff8800",
    "target_format": "hsl"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/color-format-convert", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color":"#ff8800","target_format":"hsl"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color":"#ff8800","target_format":"hsl"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/color-format-convert", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Ejemplo de solicitud

{
  "color": "#ff8800",
  "target_format": "hsl"
}

Ejemplo de respuesta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.color_format_convert",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.

Precio

Por solicitud$0.002

Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.

Límites

`timeout_sec`	30
`max_crawl_pages`	25

Errores

HTTP	Código	Significado
`401`	`unauthorized`	API key ausente o inválida.
`402`	`insufficient_balance`	El saldo no cubre el precio de la tarea.
`404`	`unknown_type`	El tipo de tarea no existe.
`429`	`rate_limited`	Demasiadas peticiones. Use el webhook en vez de sondear.

Ver la documentación completa del KIT →