Misturador de cores

Esta capacidade realiza uma mistura linear determinística nos canais vermelho, verde e azul de forma independente: com proporção zero o resultado é color1 puro, com cem é color2 puro, e os valores intermediários interpolam cada canal e arredondam para inteiros 0–255.

Como funciona a mistura RGB e como escolher a proporção

A proporção é interpretada como o percentual de color2 na mistura: canal igual ao arredondamento de color1 vezes um menos t mais color2 vezes t, onde t é a proporção dividida por cem. Isso significa que proporção zero mantém color1 intacto, proporção cem produz color2, e proporção cinquenta fica no meio do caminho em RGB linear em cada canal. Entradas idênticas sempre produzem JSON idêntico porque o caminho é aritmética pura, sem rede, sem semente aleatória e sem relógio de parede.

Como ler a resposta: hex, RGB e entradas ecoadas

Use hex quando precisar de um único token para tokens de estilo ou arquivos de tema; use rgb quando um canvas, biblioteca de gráficos ou verificador de acessibilidade esperar canais separados. Em caso de sucesso a resposta ecoa color1 e color2 normalizados como hex de seis dígitos em maiúsculas com cerquilha inicial, a proporção numérica enviada e t como o intervalo unitário usado no lerp. O resultado misturado aparece de três formas: hex como amostra mista principal, rgb como objeto com campos inteiros r g e b, e rgb_string como linha legível rgb parêntese aberto r vírgula g vírgula b parêntese fechado para colar em CSS ou notas de design. color1_rgb e color2_rgb expõem os canais pai analisados para que as UIs desenhem as duas pontas de um gradiente sem reanalisar. O rótulo method é sempre rgb_lerp para que o código posterior possa ramificar sem cheirar formatos. Falta de color1, de color2, de ratio, ratio fora de zero a cem, e qualquer código hex inválido falham com invalid_input e não são cobrados após a rejeição do motor. As mensagens de erro nomeiam o campo para que clientes API mostrem validação de formulário precisa.

Uso da API, preços, fluxos de design e limites práticos

Chame o misturador gratuito no navegador para esboços de paleta, experimentos de tinta de marca e checagens rápidas de mistura intermediária sem instalar uma ferramenta de design. Só entrada hex é suportada —cores CSS nomeadas e strings rgb entre parênteses ficam fora do escopo—, então normalize a montante se seus dados de origem usam nomes. Autores que publicam SDKs podem mapear hex e rgb diretamente em seletores de cor e tabelas de tokens que estudantes e designers já esperam. Envie um corpo JSON com os campos string obrigatórios color1 e color2 mais o número obrigatório ratio. Os aliases hex1, hex2, a, b, from, to, percent, amount e mix são aceitos quando documentados, para que campos de formulários antigos mapeiem de forma limpa. Use a API pré-paga quando um gerador de temas, pipeline de design system, construtor de amostras de e-commerce ou serviço de ativos de marketing precisar de um contrato estável sob saldo KIT a US$ 0,002 por item bem-sucedido; falhas de validação nunca consomem saldo. Combine este endpoint com ferramentas de hex para HSL ou de cores complementares quando o próximo passo for uma paleta completa, ou com verificadores de contraste quando a cor misturada precisar atender WCAG contra o texto.