Painel de cores
Misturador de Cores
Misture duas cores com uma porcentagem controlada.
Misturador de Cores: TOEA aplica esta fórmula fixa: RGB = first × (1 − weight) + second × weight. Os cálculos de cor são executados localmente no seu navegador. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas do dia a dia
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
HEX misto
#926790
- RGB misto
- rgb(146, 103, 144)
RGB = primeiro × (1 − peso) + segundo × peso- Os resultados são transformações matemáticas determinísticas em sRGB; a aparência exibida depende do seu monitor e do perfil de cor.
- A entrada HEX aceita a notação #RGB ou #RRGGBB. Os valores permanecem no seu navegador e não são enviados.
A mistura na tela não é tinta
O misturador calcula a média dos valores de luz vermelha, verde e azul, não dos pigmentos. Azul #0000FF e amarelo #FFFF00 a 50% produzem cinza #808080, e não o verde que uma caixa de tintas produziria. Calcular a média em sRGB também tende a deixar os pontos intermediários entre cores saturadas mais apagados e escuros do que as duas extremidades. O CSS produz o mesmo resultado com color-mix(in srgb, #FF6B35, #2563EB 50%), enquanto outros espaços de cor nessa função, como oklch, geralmente produzem pontos intermediários mais claros.
Calculando uma sobreposição transparente
Uma camada com opacidade mostra uma mistura dela com o que está atrás, usando a mesma aritmética. Coloque o fundo primeiro, a sobreposição depois e use sua opacidade como peso: texto branco com 70% de opacidade sobre #1E293B aparece como a mistura com 70% de branco. Esse resultado sólido é a cor a usar quando a transparência não estiver disponível e a testar no verificador de contraste.
Como usar
- Insira valores #RGB ou #RRGGBB válidos e a porcentagem solicitada.
- Execute a operação de cor fixa local no navegador.
- Revise as amostras de cor e copie o resultado ou os valores da paleta.
Privacidade e limitações
Os valores de cor permanecem neste dispositivo. O resultado de contraste é um verificador matemático, não uma garantia geral de conformidade com a WCAG; contexto, renderização de fontes, contraste de elementos não textuais e estados da interface do usuário ainda precisam ser revisados.
Ferramentas relacionadas
Perguntas frequentes
Como o Misturador de Cores funciona?
Ele usa RGB = first × (1 − weight) + second × weight.
Quais formatos HEX são aceitos?
Use a notação sRGB #RGB de três dígitos ou #RRGGBB de seis dígitos. Canais alfa e nomes de cores não são aceitos.
O resultado de contraste garante conformidade de acessibilidade?
Não. É um verificador matemático de contraste para as cores informadas e limiares de texto, não uma garantia geral de conformidade.
Ferramenta grátis · no seu navegador execuções · não precisa de conta