{{color}} — Informações de cor

HEX:
{{color}}
RGB:
{{toRGBStr(colornohash)}}
HSL:
{{toHSL(colornohash)}}
CMYK:
{{toCMYK(colornohash)}}
HSV:
{{toHSV(colornohash)}}
XYZ:
{{toXYZ(colornohash)}}
Web-Safe:
#{{safeColor(colornohash)}}
Temperature:
{{temperature(color)}} °K

Tons claros

Criado adicionando branco a uma cor base, tornando-a mais clara. As tonalidades se tornam em cores pastel.

#{{color}}

Tons

Criado adicionando cinza a uma cor base, tornando-a mais clara. As tonalidades parecem mais complexas do que a cor base.

#{{color}}

Tonalidades

Criado adicionando preto à cor base, tornando-a mais escura. As tonalidades parecem mais ricas.

#{{color}}

Combinações de cor

Complementary

Cores complementares, opostas uma à outra. Duas cores opostas.

#{{color}}
Split Complementary

A cor principal e duas outras cores ao redor das bordas da cor principal oposta.

#{{color}}
Triadic

A combinação de três cores equidistantes no círculo cromático.

#{{color}}
Tetradic

A combinação de dois pares de cores complementares, formando um quadrado ou retângulo.

#{{color}}
Analogus-complementary

A combinação da cor oposta e seus vizinhos no círculo cromático.

#{{color}}
Analogus

A combinação de quatro cores vizinhas no círculo cromático.

#{{color}}

Contrastes

Ferramentas

Olá,
prazer em vê-lo!

Esqueceu a senha?

Digite o endereço de e-mail que você usou ao se cadastrar e nós enviaremos instruções para redefinir sua senha.

Criar
uma nova conta

Senha não corresponde

Conheça os Gradientes de Malha

Adicionamos um gerador de gradientes de malha e uma nova biblioteca de malha para você enriquecer com seus gradientes. Agora você pode criar gradientes abstratos bonitos, baixá-los, copiar seus códigos CSS, salvá-los no seu painel pessoal e adicioná-los à biblioteca pública.

Em breve adicionaremos um gerador de gradientes radiais!

Gradientes de malha