Ferramenta de correspondência de cores super fácil de usar Palette

Recebi hoje uma tarefa temporária - fornecer 11 cores para dados visuais em GIS, exigindo que cada nível de cor seja claramente distinguido, conforme mostrado na figura a seguir:
insira a descrição da imagem aqui

Não é impossível desenhar 11 retângulos e preencher a cor manualmente, mas sou preguiçoso e quero ver se existem ferramentas de correspondência de cores prontas. Então, abri The Stocks , um artefato de correspondência de cores que guardo como um tesouro há muitos anos , que contém muitos sites de ferramentas de correspondência de cores.
Descobri que, embora a maioria das ferramentas de correspondência de cores forneça vários conjuntos de esquemas de cores, elas não podem definir livremente o número de cores; embora algumas possam definir o número, elas só podem escolher cores adjacentes no mesmo sistema de cores.
Abri a experiência de navegação um por um em uma velocidade muito rápida. Quando vi o décimo, meus olhos de repente se iluminaram. Não é esse que eu estava procurando em meu coração!
Adicione uma descrição da imagem

O nome desta ferramenta é Palette Generator .
Pode ser visto na interface que pode aumentar ou diminuir o número de barras de cores arbitrariamente e ajustar a cor ajustando a curva HSV.
Quando uma barra de cores é selecionada, o nome da cor pode ser adicionado no lado direito e os valores de HSV, HEX e RGB podem ser exibidos.
Além disso, a coluna "Contraste" abaixo também pode mostrar a acessibilidade dessa cor nos modos claro e escuro.

Uma introdução à acessibilidade de cores pode ser encontrada aqui:
WebAIM: Contrast and Color Accessibility
Web Content Accessibility Guidelines (WCAG) 2.1

A cor de fundo da página da Web também pode ser alterada por meio do botão no canto inferior esquerdo. O modo de cor clara parece muito limpo e refrescante.
Adicione uma descrição da imagem

Claro, também há funcionalidade de importação e exportação.
O formato de importação é JSON e o site também fornece um arquivo de amostra para referência e teste de importação.
insira a descrição da imagem aqui

Existem três formatos para escolher ao exportar, JSON, CSS e valores HEX simples.
insira a descrição da imagem aqui
Mas não encontrei um lugar para converter em valores RGB, então encontrei outra conversão de código de cores RGB que pode converter HEX para RGB em lotes - uma ferramenta de lote online .

Acho que você gosta

Origin blog.csdn.net/ymyz1229/article/details/121954226
Recomendado
Clasificación