ForHosting KIT · Imagens

Mescla vivid light

Combine uma cor base e uma superior como o vivid light faz: o cinza #808080 sob um #C0C0C0 mais claro sobe até #FFFFFF. Cada canal é comparado separadamente com o cinza médio, 128, e o contraste fica intenso. Grátis no seu navegador.

  • Grátis
  • Funciona no seu navegador
  • Sem cadastro
  • Seus dados não saem do seu aparelho
Use pelo WebAPIE-mailTelegramApp em breve
Se você digitar
Base
#808080
Top
#C0C0C0
Você obtém
Hex
#FFFFFF
String RGB
rgb(255, 255, 255)
Modo R
color_dodge
Modo G
color_dodge

Vivid light é um modo de mescla de alto contraste que aplica subexposição de cor ou superexposição de cor de forma independente em cada canal RGB conforme a cor superior de mescla. Quando um canal superior fica abaixo do cinza médio, o vivid light queima: o contraste aumenta e o canal base escurece como se o inverso da base fosse dividido pelo dobro do superior. Quando um canal superior está no cinza médio ou acima, o vivid light superexõe: o canal base se eleva como se fosse dividido pelo dobro do inverso do superior, e produz realces intensos. Fotógrafos, artistas de textura e engenheiros de pipeline de tema recorrem ao vivid light quando precisam da mesma prévia do Photoshop a partir de dois tokens hex: sobrepor uma máscara de contraste, igualar uma amostra de mescla de camadas na integração contínua ou gerar cores de acento sem abrir um editor de desktop. Esta capacidade aceita duas cores hex validadas, aplica uma única regra determinística por canal e devolve a amostra mesclada como hex e RGB.

Como o vivid light escolhe color-burn ou color-dodge em cada canal

O vivid light trata a cor superior como uma superfície de decisão de contraste, não como uma proporção de mistura. Para cada canal no intervalo de zero a duzentos e cinquenta e cinco, compare o canal superior com o cinza médio (cento e vinte e oito). Se o canal superior for estritamente menor que cento e vinte e oito, a ramificação de color-burn é executada: o dobro do canal superior vira o divisor de queima.

O resultado é duzentos e cinquenta e cinco menos o produto arredondado do inverso da base e duzentos e cinquenta e cinco dividido por esse divisor, e depois é limitado ao intervalo legal do canal. Quando o canal superior é zero, o divisor de queima some; o resultado é zero salvo se o canal base já for branco, que permanece branco.

Se o canal superior for maior ou igual a cento e vinte e oito, a ramificação de color-dodge roda: o dobro do inverso do canal superior vira o divisor de superexposição. O resultado é o produto arredondado do canal base e duzentos e cinquenta e cinco dividido por esse divisor, e depois é limitado. Quando o canal superior é branco, o divisor de superexposição some; o resultado é branco salvo se o canal base já for preto, que permanece preto.

Canais superiores em cinza médio ficam no pivô e deixam a maioria dos valores base quase intactos porque os envelopes de queimar e superexpor se encontram perto da identidade. A ordem importa: trocar base e top é outra operação, ao contrário de um lerp RGB de cinquenta por cento.

Contrato de entrada, campos de resposta e erros de validação

Cada valor deve ser uma cor hexadecimal de três ou seis dígitos com prefixo opcional hash ou zero-x. Cores nomeadas CSS e strings rgb entre parênteses estão fora do escopo: normalize-as a montante. Falhas de validação não são cobradas.

Use hex quando precisar de um único token para arquivos de tema; use rgb quando código de tela ou ferramentas de acessibilidade esperarem canais separados; use os rótulos de modo ao ensinar ou depurar qual ramificação de contraste disparou com uma cor superior de cinza e tinta misturados. Mantenha as duas strings curtas: este extremo nunca lê imagens, nunca amostra pixels e nunca chama uma biblioteca gráfica; são dois tokens hex na entrada e uma amostra mesclada na saída.

Fluxos de trabalho, preços e diferenças em relação a outras ferramentas de cor

Use a mescla vivid light gratuita no navegador para checagens rápidas de máscara de contraste, experimentos de sobreposição de logotipo e prévias de textura sem instalar uma suíte de desktop. Vivid light é a intenção de busca correta quando o usuário digita modo de mescla vivid light, vivid light duas cores ou Photoshop vivid light hex — essas consultas não são atendidas por um misturador genérico nem pelo pin light.

Mantenha as requisições em duas strings hex, evite enviar cores nomeadas sem conversão e documente que base é a camada inferior para que a equipe nunca inverta a ordem por acidente. Autores que mapeiam kits de desenvolvimento podem exibir hex e os três rótulos de modo ao lado de seletores de cor que estudantes e designers de produção já esperam.

Sobreposições de contraste intenso a partir de dois tokens hex

Componha uma cor de painel de tom médio sob um hex de máscara superior para que canais escuros queimem sombras e canais claros superexponham realces sem um editor de imagem completo.

Geração de acentos para jogo e interface

Autores de material mesclam um token de albedo base com uma cor superior de dica de iluminação para gerar amostras de acento vivid light em skins de HUD e paletas de acessórios.

Como o vivid light mescla duas cores?

Para cada canal RGB, se top for menor que 128 o resultado é um color-burn com o dobro do superior; se top for 128 ou maior, um color-dodge com o dobro do inverso do superior. Envie base e top como hex.

Qual é a diferença entre base e top?

Base é a cor da camada inferior. Top é a cor de mescla que escolhe color-burn ou color-dodge por canal. A ordem importa; trocá-las produz outro resultado.

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 incorreto ou dígitos não hex são rejeitados e não cobrados.

A mescla vivid light é grátis?

A ferramenta do navegador roda grátis no seu dispositivo.

Isso é o mesmo que pin light ou color.mix?

Não. color.mix é um lerp RGB linear por ratio. Pin light escolhe escurecer ou clarear. Vivid light escolhe color-burn ou color-dodge — mais contraste e intenção de busca diferente.

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.

POSThttps://api.kit.forhosting.com/color/vivid-light

Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.

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"}'
{
  "base": "#808080",
  "top": "#C0C0C0"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.vivid_light",
  "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.

por chamadaUS$ 0,002

Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.

HTTPCódigoO que significa
401unauthorizedToken ausente ou inválido. Confira o header Authorization.
402insufficient_balanceSaldo insuficiente para esta tarefa. Faça uma recarga e tente de novo.
404unknown_typeEsse tipo de tarefa não existe. Confira o campo type no catálogo.
429rate_limitedMuitas requisições em pouco tempo. Espere um instante e tente de novo.

Entradas inválidas ou ausentes falham com invalid_input para que scripts nunca enviem uma cor errada em silêncio. O caminho gratuito do navegador e a API pré-paga compartilham um único módulo puro, de modo que os goldens permanecem idênticos bit a bit a US$ 0,002 por item bem-sucedido.

Como o vivid light escolhe color-burn ou color-dodge em cada canal

O algoritmo é aritmética pura, sem rede, sem semente aleatória e sem relógio de parede, de modo que entradas idênticas sempre produzem o mesmo JSON.

Contrato de entrada, campos de resposta e erros de validação

Envie um corpo JSON com dois campos de string obrigatórios: base (a camada inferior) e top (a camada de mescla que seleciona color-burn ou color-dodge). Os aliases color1, bottom, hex1, from e background mapeiam para base; color2, blend, hex2, to e foreground mapeiam para top, de modo que campos de formulário antigos e o vocabulário de ferramentas de design se conectam com clareza. Em caso de sucesso, a carga útil ecoa base e top em hex normalizado, os objetos de canal base_rgb e top_rgb, o hex mesclado, rgb como inteiros vermelho verde azul, rgb_string para colar em uma folha de estilo, mode_r mode_g e mode_b como as palavras color_burn ou color_dodge por canal, e method sempre igual a vivid_light para que clientes possam ramificar sem inspecionar formas. Base ausente, top ausente, strings vazias, dígitos não hex e comprimentos incorretos falham com invalid_input; as mensagens nomeiam o campo para que a validação do formulário destaque o controle exato.

Fluxos de trabalho, preços e diferenças em relação a outras ferramentas de cor

Use a API pré-paga quando um pipeline de design system, um gerador de materiais de jogo, um serviço de amostras de e-commerce ou um bot de ativos de marketing precisar de um contrato estável sob saldo KIT a US$ 0,002 por item bem-sucedido. Combine este extremo com color.mix quando precisar de um lerp por ratio em vez de queima ou superexposição seletiva, com color.mix_subtractive quando quiser lama tipo tinta RYB, com color.pin_light quando quiser o irmão mais suave de escurecer ou clarear, e com color.lighten ou color.darken quando apenas uma cor deva deslocar-se por porcentagem.

Igualar prévias vivid light do Photoshop em CI

Pipelines de tema e textura chamam a API para que builds automatizados reproduzam o mesmo hex vivid light que o designer viu no Photoshop, idêntico bit a bit em cada execução.

Ver a documentação completa do KIT →