ToolStack

Seletor de Cor

Escolha qualquer cor e copie os valores HEX, RGB, HSL e HSV na hora.

100% privado — tudo roda no seu navegador

Publicidade

Como usar

  1. 1

    Clique na área de cor grande para abrir o seletor do navegador e escolher uma cor.

  2. 2

    Você também pode digitar um código HEX como #3B82F6 no campo.

  3. 3

    Copie o valor que precisar — HEX, RGB, HSL ou HSV — com um clique.

  4. 4

    As cores usadas recentemente aparecem abaixo e podem ser reutilizadas com um clique.

Exemplos

Escolher um azul

Entrada

#3B82F6

Saída

HEX #3B82F6 · RGB rgb(59, 130, 246) · HSL hsl(217, 91%, 60%) · HSV hsv(217, 76%, 96%)

Notação abreviada de 3 dígitos

Entrada

#F00

Saída

HEX #FF0000 · RGB rgb(255, 0, 0) · HSL hsl(0, 100%, 50%)

Perguntas frequentes

Quais formatos de cor são exibidos?

Quatro: HEX, RGB, HSL e HSV. Copie o formato que precisar com um clique.

Para que serve o HSV?

O HSV (matiz, saturação, valor) é comum em softwares de design — facilita ajustar saturação e brilho separadamente.

As cores escolhidas são salvas?

Não — as cores recentes ficam apenas nesta página e desaparecem ao recarregar. Nada é enviado a um servidor.

Ferramentas relacionadas

Conversor de CoresConverta entre os formatos HEX, RGB, HSL, HSV e HWB em qualquer direção.HEX para RGBConverta códigos HEX em valores RGB na hora — grátis e privado.Gerador de Cores CSSTransforme uma cor base em uma escala de 10 tons e exporte como variáveis CSS.RGB para HEXConverta valores RGB em um código HEX na hora — grátis e privado.Gerador de GradientesCrie gradientes CSS lineares e radiais visualmente e copie o código CSS.Verificador de ContrasteVerifique na hora a razão de contraste WCAG entre cores de texto e fundo.