Qual é a diferença entre HEX e RGB?

HEX e RGB representam as mesmas cores de forma diferente. HEX usa notação hexadecimal (#FF5733), enquanto RGB usa valores decimais (255, 87, 51). Ambos são amplamente utilizados no desenvolvimento web.

HSL significa Hue, Saturação, Luz. É um modelo de cor mais intuitivo — matiz é a posição da roda de cor (0-360°), saturação é o quão vívido (0-100%), e leveza é o quão brilhante (0-100%).

Selector de Cores

Escolha qualquer cor e instantaneamente veja seus valores HEX, RGB, HSL e HSV. Copie códigos de cores para uso em CSS, design ou desenvolvimento.

Pick a Color

HEX

Color Formats

HEX

RGB

HSL

HSV

CMYK

Manual Input

R G B

H S L

Was this tool helpful?

Send output to:

How to use Color Picker

Use a roda de cores ou digite um código de cores para selecionar uma cor.
Veja os valores de cor nos formatos HEX, RGB, HSL e HSV.
Carregue em qualquer valor para o copiar para a sua área de transferência.
Navegue harmonias de cores abaixo do coletor.

O que é {nome}?

Este coletor de cores permite selecionar qualquer cor e ver seus valores em vários formatos: HEX (#FF5733), RGB (255, 87, 51), HSL (14, 100%, 60%) e HSV (14, 80%, 100%). Copie qualquer formato com um clique.

A ferramenta também mostra harmonias de cores complementares, análogas e triádicas para sua cor selecionada.

FAQ

Qual é a diferença entre HEX e RGB?: HEX e RGB representam as mesmas cores de forma diferente. HEX usa notação hexadecimal (#FF5733), enquanto RGB usa valores decimais (255, 87, 51). Ambos são amplamente utilizados no desenvolvimento web.
O que é o HSL?: HSL significa Hue, Saturação, Luz. É um modelo de cor mais intuitivo — matiz é a posição da roda de cor (0-360°), saturação é o quão vívido (0-100%), e leveza é o quão brilhante (0-100%).

Related tools

Author

Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 Color Picker on Wikipedia·Developer Tools on Wikipedia·Color Picker on Britannica

People also use

← Back to Developer Tools · All tags

Last updated: 2026-05-23

Selector de Cores

Something went wrong

How to use Color Picker

O que é {nome}?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts