Mezcla oscurecer dos colores
Combine dos colores como lo hace el modo de fusión oscurecer, quedándose con el valor más oscuro canal por canal: #FF8800 con #00AAFF da un verde profundo, #008800. Ningún canal queda nunca más claro que en los colores de partida. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Color 1
- #FF8800
- Color 2
- #00AAFF
- Hex
- #008800
- Cadena RGB
- rgb(0, 136, 0)
El modo de fusión oscurecer combina dos colores conservando, en cada canal rojo, verde y azul, el valor más oscuro de ambos. Los diseñadores lo usan cuando necesitan una muestra de sombra que nunca aclare ninguno de los padres, al superponer marcas de marca sobre fotos sin cálculos de opacidad, y cuando requieren un resultado determinista al estilo Photoshop dentro de scripts. Esta capacidad acepta dos códigos hex, valida ambos, expande la forma abreviada de tres dígitos y devuelve el resultado de mínimo por canal como hex y RGB. A diferencia del oscurecimiento porcentual de un solo color o de una mezcla por ratio que puede aclarar canales, oscurecer nunca eleva ningún canal por encima de cualquiera de las entradas.
Cómo funciona la fusión oscurecer: mínimo por canal
La fusión oscurecer es uno de los modos clásicos de composición de editores de imagen y de CSS mix-blend-mode. La forma corta de tres dígitos como hash f80 se expande duplicando cada nibble a hash FF8800 antes de comparar, y se eliminan los prefijos opcionales hash o zero-x. Como cada canal se elige por separado, el resultado puede tomar el rojo de un padre y el verde del otro; eso es correcto para oscurecer y no equivale a elegir el color más oscuro en conjunto por luminancia.
Los canales ya en cero permanecen en cero; si ambos padres comparten un canal brillante, ese canal solo se mantiene alto si ambos lo son por igual.
Flujos de trabajo, precio y diferencias frente a oscurecer por porcentaje o mezclar
Use la herramienta gratuita de fusión oscurecer en el navegador al esbozar marcas en capas, superposiciones fotográficas o sombras de dos muestras sin instalar un suite gráfico. Este producto no es el oscurecimiento porcentual de un solo color, que baja la luminosidad HSL de un hex, ni una mezcla lineal RGB por ratio, que puede elevar un canal hacia un padre más claro. Quien busca darken blend two colors desea el comportamiento de mínimo por canal de Photoshop darken y CSS mix-blend-mode darken, no un tono medio por interpolación.
Solo se admite entrada hex: colores CSS con nombre y cadenas rgb entre paréntesis quedan fuera de alcance, así que normalice en origen si sus datos usan nombres. Las entradas siguen las mismas reglas de retención que otros ítems parse de KIT.
Qué puede hacer con ella
Sombras de marca en capas
Combine el hex del logotipo con un acento extraído de una foto mediante fusión oscurecer para que ningún canal se aclare y obtenga un token de sombra estable para kits de marketing.
Superposiciones de interfaz con dos muestras
Apile dos colores de tema con oscurecer de mínimo por canal en superposiciones de tarjetas y fondos de insignias que permanecen más oscuros que ambos padres sin matemáticas de opacidad.
Preguntas frecuentes
¿Cuál es la fórmula de la fusión oscurecer?
No se aplica ratio; el canal más oscuro gana de forma independiente.
¿En qué se diferencia del oscurecer un color por porcentaje?
El oscurecer porcentual baja la luminosidad de un solo color. Esta herramienta toma dos colores y conserva el mínimo de cada par RGB: el modo de fusión oscurecer clásico.
¿Qué ocurre si envío un código hex no vá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 herramienta de fusión oscurecer?
La herramienta en el navegador se ejecuta gratis en su dispositivo.
¿El resultado puede mezclar canales de ambos colores?
Sí. Cada canal se elige por separado, así que #FF8800 y #00AAFF dan #008800: el rojo 0 viene del segundo color, y el verde 136 y el azul 0, del primero. No se elige el color más oscuro en conjunto.
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/darken-only \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color1":"#FF8800","color2":"#00AAFF"}'const res = await fetch("https://api.kit.forhosting.com/color/darken-only", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color1": "#FF8800",
"color2": "#00AAFF"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/darken-only",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color1": "#FF8800",
"color2": "#00AAFF"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/darken-only", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color1":"#FF8800","color2":"#00AAFF"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color1":"#FF8800","color2":"#00AAFF"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/darken-only", 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
{
"color1": "#FF8800",
"color2": "#00AAFF"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.darken_only",
"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
Un hex no válido falla con invalid_input y no se cobra.
Cómo funciona la fusión oscurecer: mínimo por canal
Para cada canal de forma independiente, el resultado es el mínimo matemático del canal correspondiente de color1 y color2. Si color1 es hash FF8800 y color2 es hash 00AAFF, el rojo se convierte en el mínimo de doscientos cincuenta y cinco y cero, es decir cero; el verde en el mínimo de ciento treinta y seis y ciento setenta, es decir ciento treinta y seis; y el azul en el mínimo de cero y doscientos cincuenta y cinco, es decir cero; así el resultado es un verde profundo hash 008800. Entradas idénticas producen siempre el mismo JSON: la ruta es aritmética pura, sin red, sin semilla aleatoria y sin reloj.
Contrato de entrada, forma de la respuesta y errores de validación
Use hex cuando necesite un solo token de estilo; use rgb cuando un lienzo, gráfico o comprobador de accesibilidad espere canales separados. Envíe un cuerpo JSON con dos campos de cadena obligatorios: color1 y color2. Cada valor debe ser de tres o seis dígitos hexadecimales con hash opcional al inicio; cadenas vacías, longitudes incorrectas y caracteres no hex fallan con invalid_input nombrando el campo para que el cliente resalte el control exacto. En éxito, la respuesta repite color1 y color2 normalizados como hex de seis dígitos en mayúsculas con hash inicial, expone color1_rgb y color2_rgb para previsualizar ambos padres, y devuelve el resultado oscurecido de tres formas: hex como token principal para archivos de tema, rgb como objeto con enteros r g y b de cero a doscientos cincuenta y cinco, y rgb_string como línea CSS rgb lista para pegar. La etiqueta method es siempre darken_min para que el código descendente ramifique sin inspeccionar formas. Faltan color1, faltan color2 o cualquier hex inválido fallan antes de facturar. Combine este endpoint con comprobadores de contraste cuando el resultado oscurecido deba cumplir WCAG frente a texto sobre fondo claro.
Flujos de trabajo, precio y diferencias frente a oscurecer por porcentaje o mezclar
Use la API prepago cuando un pipeline de design system, un generador de temas de comercio electrónico o un servicio de activos de marketing necesite un contrato estable de oscurecer bajo saldo KIT a $0.002 por ítem exitoso; los fallos de validación nunca consumen saldo. Quienes publiquen SDK pueden mapear hex y rgb a selectores de color y tablas de tokens que diseñadores y estudiantes ya esperan al documentar reglas de capas oscurecer.
Casos de integración
Pipelines deterministas de design system
Los scripts de CI llaman a la API prepago para fusionar por oscurecer pares semilla en tokens JSON idénticos bit a bit en cada ejecución.
Preguntas técnicas
¿Cómo fusiono por oscurecer dos colores hex?
Envíe JSON con color1 y color2 como cadenas hex (3 o 6 dígitos, # opcional). La API devuelve el mínimo por canal en los campos hex y rgb con method darken_min.