Guias populares de códigos de cor
Comece pelo formato que você mais usa. Cada guia explica quando ele é útil, como os valores funcionam e qual página do Color Code Ferramentas pode ajudar a copiar ou converter o resultado.
Crie paletas mais rápido
Depois de escolher uma cor base, use o seletor, a roda de cores, o gerador de paletas, o verificador de contraste e o misturador para criar uma paleta web prática.
Ferramentas de cor relacionadas
Use estas ferramentas para escolher, converter, testar e exportar os valores de cor descritos neste guia.
Mais guias de cores
Códigos de cor HTMLAprenda como os códigos de cor HTML funcionam e copie valores Hex, RGB, HSL, OKLCH, cores nomeadas e valores prontos para CSS.Códigos de cor HexGuia de códigos Hex, valores #RRGGBB de seis dígitos, cores Hex abreviadas e conversão de Hex para RGB.Códigos de cor RGBEntenda os códigos RGB, converta RGB para Hex e use valores rgb() em CSS.Códigos de cor HSLAprenda códigos HSL, ângulos de matiz, saturação, luminosidade e como usar hsl() em CSS.Códigos de cor CSSUse códigos de cor CSS em folhas de estilo, gradientes, bordas, sombras, SVG e design de interfaces.Gerador de paletasGere paletas a partir de uma cor base, imagem, roda de cores, harmonia, sombras, tintas e tons.Cores web safeExplore cores web safe, paletas clássicas seguras para navegadores, valores Hex e alternativas modernas.Gerador de variações de corCrie sombras, tintas, tons e variações a partir de qualquer cor Hex, RGB, HSL ou OKLCH.