Gerador de Cores

Explore e converta cores entre HEX, RGB, HSL e CMYK. Crie paletas harmoniosas e gradientes personalizados. Copie códigos CSS prontos para design e desenvolvimento web.

Seletor de Cores

Escolher Cor:

#3498db

Variações da Cor Selecionada:

#cfe7f7

#9bcded

#67b2e4

#3498db

#1f77b2

#16547e

#0d314a

Conversor de Cores:

HEX:

RGB:

HSL:

Paleta de Cores:

Preview de Componentes

Botões:

Badges:

Badge Pill Badge

Progress Bar:

65%

Alert:

Alert com fundo da cor selecionada!

Alert com borda da cor selecionada!

Card:

Card Header

Exemplo de card com a cor selecionada.

Gráficos de Exemplo:

Form Elements:

Input com Focus Color:

Select Customizado:

Checkbox:

Checkbox customizado

Switch e Spinners:

Switch Toggle:

Ativar funcionalidade

Range Slider:

0 50 100

Spinners:

Elementos Animados: