Fusión vivid light
Combine un color base y uno superior como lo hace vivid light: el gris #808080 bajo un #C0C0C0 más claro sube hasta #FFFFFF. Cada canal se compara por separado con el gris medio, 128, y el contraste resulta intenso. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Base
- #808080
- Top
- #C0C0C0
- Hex
- #FFFFFF
- Cadena RGB
- rgb(255, 255, 255)
- Modo R
- color_dodge
- Modo G
- color_dodge
Vivid light es un modo de fusión de alto contraste que aplica subexposición de color o sobreexposición de color de forma independiente en cada canal RGB según el color superior de mezcla. Cuando un canal superior queda por debajo del gris medio, vivid light quema: el contraste aumenta y el canal base se oscurece como si el inverso de la base se dividiera por el doble del superior. Cuando un canal superior está en el gris medio o por encima, vivid light sobreexpone: el canal base se eleva como si se dividiera por el doble del inverso del superior, y produce luces intensas. Fotógrafos, artistas de texturas e ingenieros de pipelines de temas recurren a vivid light cuando necesitan la misma vista previa de Photoshop a partir de dos tokens hex: superponer una máscara de contraste, igualar una muestra de fusión de capas en integración continua o generar colores de acento sin abrir un editor de escritorio. Esta capacidad acepta dos colores hex validados, aplica una sola regla determinista por canal y devuelve la muestra fusionada como hex y RGB.
Cómo vivid light elige color-burn o color-dodge en cada canal
Vivid light trata el color superior como una superficie de decisión de contraste, no como una proporción de mezcla. Para cada canal en el rango de cero a doscientos cincuenta y cinco, compare el canal superior con el gris medio (ciento veintiocho). Si el canal superior es estrictamente menor que ciento veintiocho, se ejecuta la rama de color-burn: el doble del canal superior se convierte en el divisor de quemado.
El resultado es doscientos cincuenta y cinco menos el producto redondeado del inverso de la base y doscientos cincuenta y cinco dividido por ese divisor, y luego se recorta al rango legal del canal. Cuando el canal superior es cero, el divisor de quemado desaparece; el resultado es cero salvo que el canal base ya sea blanco, que permanece blanco.
Si el canal superior es mayor o igual que ciento veintiocho, se ejecuta la rama de color-dodge: el doble del inverso del canal superior se convierte en el divisor de sobreexposición. El resultado es el producto redondeado del canal base y doscientos cincuenta y cinco dividido por ese divisor, y luego se recorta. Cuando el canal superior es blanco, el divisor de sobreexposición desaparece; el resultado es blanco salvo que el canal base ya sea negro, que permanece negro.
Los canales superiores en gris medio quedan en el pivote y dejan la mayoría de los valores base casi intactos porque los envolventes de quemar y sobreexponer se encuentran cerca de la identidad. El orden importa: intercambiar base y top es otra operación, a diferencia de una interpolación RGB al cincuenta por ciento.
Contrato de entrada, campos de respuesta y errores de validación
Cada valor debe ser un color hexadecimal de tres o seis dígitos con prefijo opcional hash o zero-x. Los nombres CSS y las cadenas rgb entre paréntesis quedan fuera de alcance: normalícelos aguas arriba. Los fallos de validación no se cobran.
Use hex cuando necesite un token único para archivos de tema; use rgb cuando el código de lienzo o las herramientas de accesibilidad esperen canales separados; use las etiquetas de modo al enseñar o depurar qué rama de contraste se activó con un color superior de gris y tinte mezclados. Mantenga ambas cadenas cortas: este extremo nunca lee imágenes, nunca muestrea píxeles y nunca llama a una biblioteca gráfica; son dos tokens hex de entrada y una muestra fusionada de salida.
Flujos de trabajo, precios y diferencias con otras herramientas de color
Utilice la fusión vivid light gratuita en el navegador para comprobaciones rápidas de máscaras de contraste, experimentos de superposición de logotipos y vistas previas de texturas sin instalar una suite de escritorio. Vivid light es la intención de búsqueda correcta cuando el usuario escribe modo de fusión vivid light, vivid light dos colores o Photoshop vivid light hex: esas consultas no las atiende un mezclador genérico ni pin light.
Limite las peticiones a dos cadenas hex, evite enviar nombres de color sin conversión y documente que base es la capa inferior para que el equipo no invierta el orden por accidente. Los autores que mapean kits de desarrollo pueden mostrar hex y las tres etiquetas de modo junto a selectores de color que estudiantes y diseñadores de producción ya esperan.
Qué puede hacer con ella
Superposiciones de contraste intenso desde dos tokens hex
Componga un color de panel de tono medio bajo un hex de máscara superior para que los canales oscuros quemen sombras y los claros sobreexpongan luces sin un editor de imagen completo.
Generación de acentos para juego e interfaz
Los autores de materiales fusionan un token de albedo base con un color superior de pista de iluminación para generar muestras de acento vivid light en pieles de HUD y paletas de accesorios.
Preguntas frecuentes
¿Cómo fusiona vivid light dos colores?
Por cada canal RGB, si top es menor que 128 el resultado es un color-burn con el doble del superior; si top es 128 o mayor, un color-dodge con el doble del inverso del superior. Envíe base y top en hex.
¿Cuál es la diferencia entre base y top?
Base es el color de la capa inferior. Top es el color de fusión que elige color-burn o color-dodge por canal. El orden importa; intercambiarlos da otro resultado.
¿Qué ocurre si envío un código hex inválido?
Ambos colores deben ser hexadecimales de 3 o 6 dígitos (# opcional). Longitud incorrecta o dígitos no hex se rechazan y no se cobran.
¿Es gratuita la fusión vivid light?
La herramienta del navegador se ejecuta gratis en su dispositivo.
¿Es lo mismo que pin light o color.mix?
No. color.mix es una interpolación RGB lineal por ratio. Pin light elige oscurecer o aclarar. Vivid light elige color-burn o color-dodge: más contraste e intención de búsqueda distinta.
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/vivid-light \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"base":"#808080","top":"#C0C0C0"}'const res = await fetch("https://api.kit.forhosting.com/color/vivid-light", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"base": "#808080",
"top": "#C0C0C0"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/vivid-light",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"base": "#808080",
"top": "#C0C0C0"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/vivid-light", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"base":"#808080","top":"#C0C0C0"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"base":"#808080","top":"#C0C0C0"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/vivid-light", 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
{
"base": "#808080",
"top": "#C0C0C0"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.vivid_light",
"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.
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
Las entradas inválidas o ausentes fallan con invalid_input para que los scripts no envíen un color erróneo en silencio. La ruta gratuita del navegador y la API prepago comparten un único módulo puro, de modo que los goldens permanecen idénticos bit a bit a $0.002 por elemento correcto.
Cómo vivid light elige color-burn o color-dodge en cada canal
El algoritmo es aritmética pura, sin red, sin semilla aleatoria y sin reloj de pared, de modo que entradas idénticas producen siempre el mismo JSON.
Contrato de entrada, campos de respuesta y errores de validación
Envíe un cuerpo JSON con dos campos de cadena obligatorios: base (la capa inferior) y top (la capa de fusión que selecciona color-burn o color-dodge). Los alias color1, bottom, hex1, from y background se asignan a base; color2, blend, hex2, to y foreground se asignan a top, de modo que formularios antiguos y el vocabulario de herramientas de diseño conectan con claridad. Si tiene éxito, la carga útil repite base y top en hex normalizado, los objetos de canal base_rgb y top_rgb, el hex fusionado, rgb como enteros rojo verde azul, rgb_string para pegar en una hoja de estilo, mode_r mode_g y mode_b como las palabras color_burn o color_dodge por canal, y method siempre igual a vivid_light para que los clientes puedan ramificar sin inspeccionar formas. Base ausente, top ausente, cadenas vacías, dígitos no hex y longitudes incorrectas fallan con invalid_input; los mensajes nombran el campo para que la validación del formulario resalte el control exacto.
Flujos de trabajo, precios y diferencias con otras herramientas de color
Emplee la API prepago cuando un pipeline de design system, un generador de materiales de juego, un servicio de muestras de comercio electrónico o un bot de activos de marketing necesiten un contrato estable bajo saldo KIT a $0.002 por elemento correcto. Combine este extremo con color.mix cuando necesite una interpolación por ratio en lugar de un quemado o sobreexposición selectivos, con color.mix_subtractive cuando desee un barro tipo pintura RYB, con color.pin_light cuando quiera el hermano más suave de oscurecer o aclarar, y con color.lighten o color.darken cuando solo un color deba desplazarse por porcentaje.
Casos de integración
Igualar vistas previas vivid light de Photoshop en CI
Los pipelines de temas y texturas llaman a la API para que las compilaciones automáticas reproduzcan el mismo hex vivid light que vio el diseñador en Photoshop, idéntico bit a bit en cada ejecución.