Command Palette

Search for a command to run...

SE

Seletor de cores e conversor

Escolha cores e converta entre os formatos hexadecimal, RGB e HSL

Opacity100%
r
102
g
126
b
234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free

O que é o seletor de cores e conversor?

Color Picker & Converter interface on Toolz.dev - Pick colors and convert between HEX, RGB, and HSL formats

Color Picker & Converter é uma ferramenta online gratuita que permite selecionar cores visualmente e converter entre os formatos populares de cores, incluindo hexadecimal, RGB e HSL. É um utilitário essencial para web designers, desenvolvedores, artistas gráficos e qualquer pessoa que trabalhe com cores digitais.

A ferramenta fornece um seletor de cores interativo com um seletor de espectro, controles de brilho e saturação e um controle deslizante de opacidade. Ao escolher uma cor, você vê instantaneamente o código hexadecimal correspondente, os valores RGB e os valores HSL, facilitando a obtenção do formato exato necessário para o seu projeto.

Além da escolha básica de cores, a ferramenta também gera paletas complementares, análogas e outras paletas de harmonia de cores com base na cor selecionada. Isso ajuda você a criar esquemas de cores coesos para sites, aplicativos e projetos de design. Todo o processamento é executado em seu navegador sem a necessidade de instalação.

HEX, RGB e HSL são três maneiras de escrever a mesma cor sRGB em vez de três espaços de cores, portanto, a conversão entre eles é exata e sem perdas em ambas as direções HSL é o útil para raciocinar, porque ajustar a leveza ou saturação enquanto mantém a tonalidade mantém as cores na mesma família, o que é muito mais difícil de fazer editando dígitos hexadecimais O CSS moderno adiciona notações que chegam fora do sRGB, como oklch e display-p3, e elas podem descrever cores que nenhum valor hexadecimal pode Qualquer coisa expressa aqui permanece dentro do sRGB, que é o terreno comum seguro que toda exibição pode mostrar O conta-olhos, onde o navegador fornece um, amostra o pixel renderizado em vez da cor de origem, portanto, um valor escolhido de uma imagem que foi dimensionada ou gerenciada por cores pode diferir ligeiramente do arquivo original.

Como usar o seletor de cores e conversor?

1

Escolha uma cor

Use o seletor de cores visual para selecionar uma cor clicando no espectro, ajustando o controle deslizante Hue ou inserindo um valor de cor específico em qualquer formato.

2

Exibir valores de cor

Veja a cor selecionada exibida nos formatos hexadecimal, RGB e HSL simultaneamente. Cada formato é atualizado em tempo real à medida que você ajusta a cor.

3

Explore as harmonias de cores

Veja sugestões complementares, análogas, triádicas e outras cores de harmonia com base na cor selecionada para construir paletas coesas.

4

Copie o código de cor

Clique em qualquer formato de cor para copiá-lo para sua área de transferência. Use-o diretamente em seu CSS, ferramenta de design ou aplicativo.

Principais características

Suporte ao canal Alpha

Lê e escreve HEX e rgba de 8 dígitos, de modo que uma cor com transparência sobrevive à conversão em vez de perder seu alfa

Conversão de vários formatos

Converta instantaneamente entre os formatos de cores hexadecimais, RGB e HSL com uma única seleção de cores

Seletor de cores visual

Espectro de cores interativo com controles de matiz, saturação e brilho para uma seleção precisa de cores

Paletas de harmonia de cores

Gere esquemas de cores complementares, análogos, triádicos e complementares divididos automaticamente

Frequently Asked Questions

Divida o código hexadecimal de seis dígitos em três pares e leia cada par como um número hexadecimal de 0 a 255. Em #FF5733, FF é 255 (vermelho), 57 é 87 (verde) e 33 é 51 (azul), dando RGB(255, 87, 51). Cole o código hexadecimal no seletor e os valores RGB e HSL aparecem imediatamente.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous