Kit de revisão de cores para painel de operação e HMI

Revise cores e contraste de textos, molduras e grades num painel de operação ou HMI. Dá para pegar de uma foto e copiar vários formatos.

Cores e fotos ficam neste dispositivo. Nada é enviado a um servidor.

Escolha uma camada e misture a cor.

Solte uma foto ou captura de tela
ou clique para escolher um arquivo
JPEG, PNG, WebP ou GIF — até 8 MB. Foto do painel real chega mais perto do chão de fábrica do que a amostra de catálogo.
HEX
rgb()
0x
RGB565

Camada a editar

Pré-visualização do painel

Arraste as sondas. Ponha uma num texto e a outra numa moldura ou linha da grade.

Sonda A

Visibilidade: — Guia

3:1 texto grande, molduras, linhas | 4.5:1 texto normal

Sonda B

Visibilidade: — Guia

3:1 texto grande, molduras, linhas | 4.5:1 texto normal

O medidor é um guia. Não é um carimbo de aprovação.

Valores de cada camada, para uma nota ou um arquivo-fonte.

Fundo do painel

HEX
rgb()
0x
RGB565

Texto

HEX
rgb()
0x
RGB565

Moldura

HEX
rgb()
0x
RGB565

Grade

HEX
rgb()
0x
RGB565

Copie as quatro camadas daqui.

Dicas

Em telas de 16 bits, a cor do PC cai um degrau

Muitos painéis táteis industriais guardam a cor em 16 bits. O HEX escolhido no PC costuma parecer um pouco diferente no equipamento. Veja o RGB565 no bloco de cópia antes de ir para o fonte.

Só mudar a cor de alarme não basta se a moldura estiver perto

Mudar só o tom da faixa deixa um ponto fraco quando a moldura é da mesma família. Confira a moldura no fundo e a faixa no fundo — dois pontos, não um.

Foto do painel real vale mais que a amostra de catálogo

A luz do chão de fábrica quase nunca bate com a amostra de catálogo. Pegue o fundo numa foto do painel tátil ou do gabinete, e a revisão chega mais perto da linha.

O medidor é um guia, não um carimbo de aprovação

Iluminância e ângulo de visão mudam o que se vê. O medidor é um guia. Não é aprovação de site, de sinal de segurança nem de norma de painel.

O texto legível precisa de contraste com a moldura, não só com o fundo

O texto na tela não se define só pelo destaque contra o fundo. Se a moldura fica perto do fundo, as letras ainda se leem, a forma do painel afunda, e o texto também muda de aparência.

Um painel de operação avaliado em dois pares de contraste, texto contra moldura. Um par ainda se lê e o outro afunda no mesmo tom. Neste quadro RUN está a 13.3:1 no fundo, a moldura de cima a 1.4:1, com as sondas A e B.
RUN lê-se. A moldura, não.

Casos de Uso Comuns

🖥️

Valores num painel tátil

Nível de tanque ou temperatura sobre fundo escuro. Defina primeiro a cor da tela, depois a do valor, e confira o rótulo no fundo antes de copiar a tela para a linha.

🎛️

Plaquetas e lâmpadas num painel de operação

Legenda, lâmpada e tinta do gabinete cabem num só campo. O texto ainda se lê e a moldura afunda — um ponto só deixa passar esse furo.

🚨

Faixas de alarme

Faixa de aviso ou falha numa tela de vigia escura. Confira a faixa no fundo e depois a moldura no mesmo fundo, ou passa uma faixa que grita enquanto a moldura some.

📸

Cor de fundo a partir de uma captura da tela em operação

Foto ou captura do HMI em operação. Pegue o fundo nessa imagem e revise texto e grade em cima — mais perto do chão de fábrica do que a amostra de catálogo.

🌙

Telas de vigia no turno da noite

Um rótulo que na sala de reunião se lia bem pode afundar na sala de controle escura. Veja de novo no fundo escuro que você usa de verdade — uma planta nos Estados Unidos à noite, ou um turno da noite na Europa.

📐

Cor das linhas de um desenho sobre o fundo do painel

Grade ou linhas de chamada no mesmo fundo da tela. Se a linha some aqui, o desenho impresso também.

Perguntas Frequentes

O que a razão em cada sonda representa?
É uma razão de luminância publicada pelo W3C. Use como guia. Não é resultado de conformidade de site, nem aprovação de sinal de segurança ou ISO.
O que significam as razões 4,5:1 e 3:1?
São linhas de guia comuns. 4,5:1 é para texto normal. 3:1 é para texto grande, molduras e linhas. O medidor não é certificação.
Esta ferramenta envia minha foto a um servidor?
Não. Cores e fotos ficam neste dispositivo. Nada é enviado.
Por que há duas sondas?
Texto no fundo e moldura no fundo costumam se ler diferente. Um ponto só esconde essa diferença. Ponha A num rótulo e B numa moldura ou linha da grade.
Em que isso difere de um seletor de cores?
Um seletor serve para pegar uma cor. Esta página serve para revisar textos, molduras e grades num painel de operação ou HMI. Pegar uma cor da foto só alimenta essa revisão.
Para que servem HEX, 0x e RGB565?
São formatos para uma nota ou um arquivo-fonte ao lado da revisão. RGB565 existe para telas de 16 bits. Envolver faixa como comentário fica nas páginas ASCII, não aqui.