Gerador de paleta

Esta calculadora gera paleta de cores a partir da cor inicial à cor final, utilizando o máximo de diversidade, estilo "arco-íris".

Esta página existe graças aos esforços das seguintes pessoas:

Timur

Timur

Julia Gomes

Criado: 2021-06-09 14:14:11, Ultima atualização: 2021-06-09 14:14:11
Creative Commons Attribution/Share-Alike License 3.0 (Unported)

Este conteúdo é licenciado de acordo com a Licença Creative Commons de Atribuição/CompartilhaIgual 3.0 (Unported). Isso significa que você pode redistribuir ou modificar livremente este conteúdo sob as mesmas condições de licença e precisa atribuir ao autor original colocando um hyperlink para este trabalho no seu site. Além disto, favor não modificar qualquer referência ao trabalho original (caso houver) que estiverem contidas neste conteúdo.

A calculadora abaixo gera um conjunto cores a partir de determinadas cores iniciais para determinadas cores finais, produzindo uma faixa de cores semelhante ao arco-íris. Você pode utilizá-la para sites ou colorir barras/linhas de gráficos, etc. Eu explico o método para a geração de cores abaixo da calculadora.

PLANETCALC, Gerador de paleta

Gerador de paleta

O arquivo é muito grande; pode ocorrer lentidão do navegador durante o carregamento e a criação.

A tarefa de gerar um conjunto de cores entre duas cores fornecidas não é tão trivial quanto você pode imaginar. O problema é que os programadores (talvez designers também, não tenho certeza) costumam usar o modelo RGB para a descrição da cor. Ele consiste em três valores das cores vermelho, verde e azul. Se o visualizarmos como um cubo em um espaço de 3 coordenadas, iremos obter algo assim (fonte).

http://commons.wikimedia.org/wiki/File%3ARGBCube_b.svg
http://commons.wikimedia.org/wiki/File%3ARGBCube_b.svg

Agora imagine que temos dois pontos neste espaço tridimensional - é muito difícil criar um método simples o suficiente para mover de um ponto de cor para outro ponto de cor e conseguir obter resultados expressivos.

Entretanto, tudo está mudando se descrevermos as cores no modelo de cores HSV.
Aqui está sua visualização (fonte)

http://commons.wikimedia.org/wiki/File:HSV_cone.png
http://commons.wikimedia.org/wiki/File:HSV_cone.png

Agora conseguimos facilmente mudar de uma cor para outra. É desta forma que esta calculadora funciona - ela converte cores RGB em cores HSV e então usa interpolação linear simples para gerar um conjunto de cores entre elas. A única observação é que, utilizando-a, transformamos as cores do espaço de cores 16777216 RBG (0-255, 0-255, 0-255) para espaço de cores 3600000 HSV (0-360, 0-100, 0-100), e a "destransformação" pode gerar valores ligeiramente diferentes para as cores iniciais e finais.

URL copiado para a área de transferência
PLANETCALC, Gerador de paleta

Comentários