Ferramenta de seleção de cores:
Ferramenta de seleção de cores online, fácil e intuitiva para auxiliar você na escolha de cores para o seu projeto. Com suporte para códigos de cores RGB, HSL e hexadecimal. Basta apenas escolher a cor que você mais gostar, copiar o código e usar em seus projetos HTML, CSS ou de design.





Código HTML
Código CSS




Cores Hexadecimal
As cores hexadecimais são representadas pelo sistema de numeração hexadecimal, que utiliza uma base 16 composta pelos dígitos de 0 a 9 e as letras de A a F. Esses caracteres formam um conjunto de 16 algarismos (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). Essa base numérica oferece 16 posições distintas.
Ao combinar dois desses algarismos, são representadas 256 posições diferentes, totalizando o número total de tonalidades que uma cor pode ter. Essa ampla variedade de tons é fundamental para representar cores de forma precisa e detalhada.
Para expressar uma cor usando números decimais, é necessário utilizar o formato hexadecimal precedido pelo caractere "#" e seguido por três pares de algarismos, cada par representando uma das cores primárias: vermelho, verde e azul. Por exemplo, o código #FF0000 representa o vermelho puro.
A partir da combinação dessas cores primárias em diferentes intensidades, é possível obter uma vasta gama de cores, permitindo uma expressão criativa e detalhada em diversos contextos, desde design gráfico até desenvolvimento web.
HSV
HSV, ou Hue (Matiz), Saturation (Saturação) e Value (Valor), é um sistema de cores que oferece uma abordagem intuitiva para descrever e manipular cores.
O componente Hue determina a tonalidade da cor em uma escala de 0 a 360 graus, percorrendo o espectro de cores do vermelho ao vermelho novamente.
A Saturation indica a intensidade ou pureza da cor, variando de 0% a 100%: 100% resulta em cores vibrantes, enquanto 0% produz tons de cinza.
Por fim, o componente Value controla o brilho da cor em uma escala de 0% a 100%, onde 100% representa o máximo de brilho e 0% indica uma cor sem brilho.
Esse sistema é amplamente utilizado em design gráfico, edição de imagens e em muitas outras aplicações, oferecendo uma maneira versátil e eficaz de descrever e manipular cores.
RGB
O sistema de cores RGB é fundamental na representação digital de cores. Ele opera na base da mistura aditiva das três cores primárias: vermelho, verde e azul. Cada uma dessas cores é controlada por uma intensidade variável, expressa numericamente de 0 a 255. Um código de cor RGB é estruturado na forma (R, G, B), onde cada valor entre parênteses corresponde à intensidade das cores vermelho, verde e azul, respectivamente.
Por exemplo, a cor vermelha é representada por (255, 0, 0), indicando que a intensidade do vermelho está no máximo enquanto as intensidades de verde e azul são nulas. Esse sistema oferece uma vasta gama de cores e é amplamente utilizado em design gráfico, desenvolvimento web, jogos e outras aplicações digitais.
HSL
O sistema de cor HSL é definido pelos valores de Hue (tonalidade), Saturation (saturação) e Lightness (brilho). Hue determina a tonalidade da cor, Saturation representa sua intensidade e Lightness indica o brilho.
Por exemplo, o código (0, 100%, 50%) descreve a cor vermelha, onde o Hue está configurado para vermelho puro, Saturation para 100% de saturação e Lightness para 50%, resultando em uma cor vermelha vibrante. Este sistema oferece uma maneira intuitiva de descrever e manipular cores e é amplamente utilizado em design gráfico, edição de imagens e outras aplicações.