Mistura escurecer duas cores
Combine duas cores como faz o modo de mesclagem escurecer, ficando com o valor mais escuro canal por canal: #FF8800 com #00AAFF gera um verde profundo, #008800. Nenhum canal fica mais claro do que nas cores de origem. Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Cor 1
- #FF8800
- Cor 2
- #00AAFF
- Hex
- #008800
- String RGB
- rgb(0, 136, 0)
O modo de mesclagem escurecer combina duas cores mantendo, em cada canal vermelho, verde e azul, o valor mais escuro dos dois. Designers recorrem a ele quando precisam de uma amostra de sombra que nunca clareie nenhum dos pais, ao empilhar marcas sobre fotos sem cálculos de opacidade, e quando exigem um resultado determinístico no estilo Photoshop dentro de scripts. Esta capacidade aceita dois códigos hex, valida ambos, expande o atalho de três dígitos e devolve o resultado de mínimo por canal como hex e RGB. Diferente do escurecimento percentual de uma só cor ou de uma mistura por razão que pode clarear canais, escurecer nunca eleva qualquer canal acima de qualquer entrada.
Como funciona a mesclagem escurecer: mínimo por canal
A mesclagem escurecer é um dos modos clássicos de composição em editores de imagem e no CSS mix-blend-mode. O atalho de três dígitos como hash f80 se expande dobrando cada nibble para hash FF8800 antes da comparação, e prefixos opcionais hash ou zero-x são removidos. Como cada canal é escolhido de forma independente, o resultado pode pegar o vermelho de um pai e o verde do outro; isso é correto para escurecer e não é o mesmo que escolher a cor mais escura no conjunto por luminância.
Canais já em zero permanecem zero; se ambos os pais compartilham um canal brilhante, esse canal só permanece alto se ambos forem igualmente altos.
Fluxos de trabalho, preço e diferenças frente a escurecer por percentual ou misturar
Use a ferramenta gratuita de mesclagem escurecer no navegador ao esboçar marcas em camadas, sobreposições fotográficas ou sombras de duas amostras sem instalar um suite gráfico. Este produto não é o escurecimento percentual de uma só cor, que reduz a luminosidade HSL de um hex, nem uma mistura linear RGB por razão, que pode elevar um canal em direção a um pai mais claro.
Quem busca darken blend two colors quer o comportamento de mínimo por canal do Photoshop darken e do CSS mix-blend-mode darken, não um tom médio por interpolação. Só entrada hex é suportada: cores CSS nomeadas e strings rgb entre parênteses estão fora do escopo, então normalize a montante se seus dados usam nomes. As entradas seguem as mesmas regras de retenção de outros itens parse do KIT.
Autores que entregam SDKs podem mapear hex e rgb para seletores de cor e tabelas de tokens que designers e estudantes já esperam ao documentar regras de camadas escurecer.
Casos de uso
Sombras de marca em camadas
Combine o hex do logotipo com um acento derivado de foto usando mesclagem escurecer para que nenhum canal clareie, gerando um token de sombra estável para kits de marketing.
Sobreposições de UI com duas amostras
Empilhe duas cores de tema com escurecer de mínimo por canal em sobreposições de cartões e fundos de badges que permanecem mais escuros que ambos os pais sem matemática de opacidade.
Perguntas frequentes
Qual é a fórmula da mesclagem escurecer?
Nenhuma razão é aplicada; o canal mais escuro vence de forma independente.
Em que isso difere de escurecer uma cor por percentual?
O escurecimento percentual reduz a luminosidade de uma só cor. Esta ferramenta recebe duas cores e mantém o mínimo de cada par RGB — o modo clássico de mesclagem escurecer.
O que acontece se eu enviar um código hex inválido?
Ambas as cores devem ser hexadecimais de 3 ou 6 dígitos (# opcional). Comprimento errado ou dígitos não hex são rejeitados e não cobrados.
A ferramenta de mesclagem escurecer é gratuita?
A ferramenta no navegador roda grátis no seu dispositivo.
O resultado pode misturar canais das duas cores?
Sim. Cada canal é escolhido separadamente, então #FF8800 e #00AAFF geram #008800: o vermelho 0 vem da segunda cor, e o verde 136 e o azul 0, da primeira. A cor mais escura não é escolhida como um todo.
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
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)Exemplo de requisição
{
"color1": "#FF8800",
"color2": "#00AAFF"
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.darken_only",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
Hex inválido falha com invalid_input e não é cobrado.
Como funciona a mesclagem escurecer: mínimo por canal
Para cada canal de forma independente, o resultado é o mínimo matemático do canal correspondente de color1 e color2. Se color1 for hash FF8800 e color2 for hash 00AAFF, o vermelho vira o mínimo de duzentos e cinquenta e cinco e zero, ou seja zero; o verde, o mínimo de cento e trinta e seis e cento e setenta, ou seja cento e trinta e seis; e o azul, o mínimo de zero e duzentos e cinquenta e cinco, ou seja zero; assim o resultado é um verde profundo hash 008800. Entradas idênticas sempre produzem o mesmo JSON: o caminho é aritmética pura, sem rede, sem semente aleatória e sem relógio.
Contrato de entrada, formato da resposta e erros de validação
Use hex quando precisar de um único token de estilo; use rgb quando um canvas, gráfico ou verificador de acessibilidade esperar canais separados. Envie um corpo JSON com dois campos string obrigatórios: color1 e color2. Cada valor deve ter três ou seis dígitos hexadecimais com hash opcional no início; strings vazias, comprimentos errados e caracteres não hex falham com invalid_input nomeando o campo para o cliente destacar o controle exato. Em sucesso, a resposta ecoa color1 e color2 normalizados como hex de seis dígitos em maiúsculas com hash inicial, expõe color1_rgb e color2_rgb para pré-visualizar ambos os pais, e devolve o resultado escurecido de três formas: hex como token principal para arquivos de tema, rgb como objeto com inteiros r g e b de zero a duzentos e cinquenta e cinco, e rgb_string como linha CSS rgb pronta para colar. O rótulo method é sempre darken_min para o código a jusante ramificar sem cheirar formas. Falta color1, falta color2 ou qualquer hex inválido falham antes da cobrança. Combine este endpoint com verificadores de contraste quando o resultado escurecido precisar atender WCAG contra texto em fundo claro.
Fluxos de trabalho, preço e diferenças frente a escurecer por percentual ou misturar
Use a API pré-paga quando um pipeline de design system, um gerador de temas de e-commerce ou um serviço de ativos de marketing precisar de um contrato estável de escurecer sob saldo KIT a US$ 0,002 por item bem-sucedido; falhas de validação nunca consomem saldo.
Casos de integração
Pipelines determinísticos de design system
Scripts de CI chamam a API pré-paga para mesclar por escurecer pares semente em tokens JSON bit a bit idênticos a cada execução.
Perguntas técnicas
Como faço a mesclagem escurecer de duas cores hex?
Envie JSON com color1 e color2 como strings hex (3 ou 6 dígitos, # opcional). A API devolve o mínimo por canal nos campos hex e rgb com method darken_min.