Extraer canal de color
Obtenga un único número de un color en lugar de una conversión completa: el rojo de #3498db es 52 y la transparencia de #3498db80 es 128, ambos en la misma escala de 0 a 255. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Color
- #3498db
- Canal
- Red
- Valor
- 52
- Red
- 52
- Verde
- 152
- Azul
- 219
Los sistemas de diseño, los rellenos de lienzo, los uniformes de un sombreador y las comprobaciones de contraste de accesibilidad suelen necesitar un solo número de un color, no una tabla de conversión completa. Usted ya tiene un token hex como #3498db o uno de ocho dígitos #3498db80, o una cadena CSS rgb() o rgba(), y necesita el canal rojo, verde, azul o alfa como entero en la escala 0–255. Esta capacidad extrae el canal nombrado: valida la cadena de color y el nombre del canal, y devuelve ese número de forma determinista. Las herramientas hermanas que convierten hex a un triple RGB completo aún le obligan a elegir un campo; esta página es el extractor dedicado para pipelines que piden una sola banda.
Qué es un canal de color y cómo se obtiene el número
Un color digital en pantalla es casi siempre cuatro canales de ocho bits empaquetados: rojo, verde, azul y una banda opcional alfa (opacidad). En la forma hex de seis dígitos #RRGGBB el primer par es rojo, el del medio verde y el último azul; cada par se lee como entero en base dieciséis de 00 (cero) a FF (doscientos cincuenta y cinco).
Las formas de cuatro y ocho dígitos #RGBA y #RRGGBBAA añaden un par alfa en esa misma escala 0–255, por eso un token como #3498db80 no es el mismo color que #3498db: el par extra es transparencia, no un cuarto matiz. CSS rgb() escribe esos tres enteros en decimal; rgba() añade una unidad alfa en el intervalo unitario de cero a uno, y este solver multiplica esa unidad por 255 y redondea al entero más cercano para que todos los canales extraídos compartan una escala.
La abreviatura hex de tres y cuatro dígitos duplica cada nibble: #f00c pasa a #ff0000cc antes de leer ningún canal. Extraer un canal nombrado es entonces una consulta tras ese análisis: el entero rojo, verde, azul o alfa, no una conversión a HSL, LAB o CMYK. El algoritmo es aritmética pura y validación de cadenas.
Dónde extraer un solo canal justifica su uso
Las pruebas de interfaz que afirman el canal rojo de un token de marca, los cargadores de sombreadores que enlazan un único uniforme y las auditorías de hoja de cálculo que comparan solo el alfa de una superposición quieren un número, no un conversor de tres campos que deban desempacar. Los pipelines de juego e impresión que autoran #RRGGBBAA necesitan fallar en alto cuando alguien escribe hue o saturation en el campo channel en lugar de devolver NaN en silencio.
No es una landing de hex a RGB, ni un extractor de paletas desde fotografías, ni un mezclador, ni una tabla de colores CSS con nombre. Mantenga las peticiones pequeñas, fije value y el color normalizado en las pruebas, y obtendrá un entero reproducible para tickets, plugins LMS y workers de borde sin montar una biblioteca propia de gestión de color.
Qué puede hacer con ella
Uniformes de sombreador y de lienzo
Enlace un solo canal 0–255 desde un token hex o rgba() a un uniforme WebGL, un ayudante de relleno Canvas o un pipeline de propiedades personalizadas CSS.
Auditorías de alfa en superposiciones
Lea el alfa escrito de superposiciones #RRGGBBAA o rgba() y rechace tokens que perdieron la transparencia en silencio o usaron un nombre de canal desconocido.
Preguntas frecuentes
¿Qué canales puede extraer de un color?
Exactamente cuatro canales con nombre: red, green, blue y alpha. Cada uno se devuelve como entero de 0 a 255 en el campo value.
¿Qué formatos de color acepta la extracción de canal?
Hex #RGB, #RGBA, #RRGGBB y #RRGGBBAA con o sin # inicial, más CSS rgb(r, g, b) y rgba(r, g, b, a). No se aceptan colores CSS con nombre ni prefijos 0x.
¿Cómo se convierte el alfa de rgba() frente al hex de ocho dígitos?
El alfa hex ya está en 0–255 (por ejemplo #80 es 128). El alfa de rgba() es una unidad de 0 a 1 y se convierte con round(alpha × 255), de modo que 0.5 pasa a 128 en la misma escala.
¿Qué ocurre si pide alfa en un color que no lo tiene?
Ese valor por defecto está documentado para que pueda distinguir una banda omitida de un #ff o un 1.0 escritos.
¿Cuánto cuesta extraer un canal de color?
La herramienta del navegador es gratuita. Un color o un canal inválidos no se facturan.
Herramientas relacionadas
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
¿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/color/channel-extract \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color":"#3498db","channel":"red"}'const res = await fetch("https://api.kit.forhosting.com/color/channel-extract", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color": "#3498db",
"channel": "red"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/channel-extract",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color": "#3498db",
"channel": "red"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/channel-extract", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color":"#3498db","channel":"red"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color":"#3498db","channel":"red"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/channel-extract", 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": "#3498db",
"channel": "red"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.channel_extract",
"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
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
max_color_chars | 64 |
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. |
Notas técnicas
Los colores inválidos y los nombres de canal desconocidos fallan con invalid_input y no se facturan.
Qué es un canal de color y cómo se obtiene el número
Cuando un color omite el alfa, el extractor trata la banda ausente como opaco total 255 en lugar de inventar un hueco, y marca had_alpha en false para que quien llama distinga un valor por defecto de una transparencia escrita.
Contrato de entrada, formatos aceptados y forma de la respuesta
Los componentes RGB en notación funcional van de 0–255; el alfa de rgba() es 0–1 inclusive y se convierte con round(alpha × 255). La cadena color puede tener como máximo 64 caracteres tras recortar. Envíe un cuerpo JSON con dos campos obligatorios. color es una cadena: hex de tres, cuatro, seis u ocho dígitos y una almohadilla inicial opcional, o una lista CSS rgb(r, g, b) / rgba(r, g, b, a). Se aceptan los alias hex, value, text, input y colour para el campo color. channel debe ser uno de los nombres cerrados red, green, blue o alpha (el solver admite las formas cortas r, g, b y a; el enum publicado son las cuatro palabras completas para que el formulario web sea un selector, no una trampa de texto libre). Si tiene éxito, el cuerpo devuelve value, el entero extraído; channel, el nombre canónico; color, un hex en minúsculas normalizado (#rrggbb si se omitió el alfa, #rrggbbaa si se escribió); los cuatro enteros red, green, blue y alpha; scale 255; source que describe la forma analizada (hex3, hex4, hex6, hex8, rgb o rgba); had_alpha; y un mensaje breve. Ejemplo: color #3498db y channel red produce value 52 porque parseInt de 34 en base dieciséis es 52. Ejemplo: color #3498db80 y channel alpha produce value 128. La validación fallida — campo ausente, cadena vacía, prefijo 0x, longitud hex incorrecta, caracteres no hex, rgb() con aridad errónea, alfa de rgba() fuera de 0–1, o un canal desconocido como hue — devuelve invalid_input nombrando el campo y nunca se cobra.
Dónde extraer un solo canal justifica su uso
Como la implementación es parse puro de nivel A, cada llamada correcta cuesta el precio base publicado $0.002 sin tokens de modelo y sin red de salida, y la validación fallida no consume saldo. Prefiera esta capacidad cuando la intención de búsqueda sea extraer un canal de color: obtener rojo, verde, azul o alfa como número.
Casos de integración
Fixtures de tokens de diseño y de tema
Compruebe que un hex de marca sigue teniendo el entero esperado de rojo, verde, azul o alfa tras un cambio de hoja de estilo, sin desempacar un conversor RGB completo en cada prueba.