O que é uma cor RGB?

As telas produzem todas as cores misturando luz vermelha, verde e azul. Uma cor RGB indica a intensidade de cada um desses três canais como um número de 0 (desligado) a 255 (máximo); assim, rgb(255, 0, 0) é vermelho puro, rgb(0, 0, 0) é preto e rgb(255, 255, 255) é branco. A mesma cor pode ser escrita como um código hexadecimal, como #ff0000, em que cada par de dígitos hexadecimais representa um canal.

Descrição da ferramenta

Esta ferramenta permite editar uma cor, um canal por vez. Escolha ou cole uma cor inicial e, em seguida, mova os controles deslizantes de vermelho, verde e azul ou digite valores exatos para ver o resultado mudar à medida que você edita. A cor editada é exibida nas notações usadas pelo CSS, por ferramentas de design, mecanismos de jogos e código de shaders, todas prontas para copiar.

Recursos

  • Edite os canais vermelho, verde e azul com controles deslizantes ou números exatos de 0 a 255
  • Escolha uma cor ou cole uma nos formatos HEX, RGB, HSL ou outro formato para começar
  • Obtenha a cor em HEX, rgb(), porcentagens de rgb(), valores normalizados de 0 a 1, um inteiro decimal e um inteiro hexadecimal
  • Executa no seu navegador

Como funciona

Cada canal é um número inteiro de 0 a 255. Os valores fora desse intervalo são limitados ao intervalo válido, e os valores decimais são arredondados. Os valores normalizados dividem cada canal por 255, e as formas inteiras compactam os canais em um único número de 24 bits, como 0xRRGGBB.

Dicas

  • Use os valores normalizados de 0 a 1 para GLSL, HLSL, Unity e outras APIs que aceitam cores como números de ponto flutuante.
  • O inteiro decimal é o formato usado por incorporações do Discord e por algumas planilhas e bases de dados.