Tons de Ciano: Códigos Hex, RGB e HSL

O que conta como um tom de ciano?

O ciano é a faixa azul-esverdeada em torno de 180°, e é a família cujos nomes mais confundem: na fala comum, metade do que aparece abaixo é chamada de turquesa ou verde-água. Os 15 tons vão do quase branco LightCyan #E0FFFF e Celeste #B2FFFF, passam por Água-marinha #7FFFD4 e pelo ciano puro #00FFFF, entram em Turquesa #40E0D0 e Azul Tiffany #0ABAB5, e terminam em Verde-azulado #008080 e DarkCyan #008B8B.

O ciano puro #00FFFF é uma das três primárias do CMYK e uma das cores mais saturadas que uma tela produz, o que o torna quase inutilizável em áreas grandes: ele vibra. As versões usáveis são as puxadas para o cinza ou para o verde: CadetBlue #5F9EA0, LightSeaGreen #20B2AA e Verdete #40B5AD, este último batizado a partir da pátina que o cobre ganha com o tempo.

Como usar estes códigos de cor

1. Encontre seu tom. A lista vai do claro ao escuro, com uma amostra real ao lado de cada nome — percorra como se fosse uma cartela de tintas.
2. Clique em um código para copiar. Cada linha traz o valor hex, RGB e HSL daquela cor. Um clique copia exatamente esse texto para a área de transferência.
3. Cole no seu projeto. Leve o hex para o CSS, o Figma, o Photoshop ou um documento. Clicar na própria amostra também copia o hex, então você não precisa mirar no texto pequeno.

O que o ciano comunica

O ciano se lê como limpo e técnico. É o acento padrão na identidade de clínicas, dentistas e diagnósticos porque sugere assepsia e água sem a frieza corporativa do azul puro, e é presença constante em interfaces de tecnologia pelo mesmo motivo.

A ponta profunda muda de registro por completo. Verde-azulado e Azul Tiffany se leem como caros e pensados — Azul Ovo de Tordo #96DED1 e o Azul Tiffany em especial carregam forte associação com varejo de luxo. Já a ponta brilhante pertence ao trópico: Turquesa e Água-marinha são a abreviação padrão de água rasa no design de viagens, e por isso saturam as paletas de resorts e moda praia.

Limitações honestas

Um código hex é exato, mas a cor que você vê não é. O mesmo #FF0000 aparece diferente num celular OLED, num monitor de escritório barato e no papel impresso, porque cada dispositivo tem sua própria gama e calibração. Use estes valores como um ponto de partida preciso para tela e sempre confira uma prova física antes de mandar uma cor para gráfica: o CMYK não reproduz todos os tons desta lista.

Os nomes de cor misturam duas coisas. Os marcados com CSS são cores nomeadas oficiais: o nome funciona direto numa folha de estilo e todo navegador o resolve exatamente para aquele hex. Os demais são nomes convencionais — Bordô, Sálvia, Espresso — que não pertencem a nenhum padrão. Seus valores seguem a convenção mais citada, mas outra cartela pode colocá-los um pouco mais claros ou escuros, então cite o hex e não o nome quando o valor exato importar.

Por que é grátis?

O FreeToGenerate.com mantém todas as ferramentas realmente gratuitas. Esta página é uma lista estática de valores de cor exibida no seu navegador: nada para instalar, sem conta e sem versão premium escondendo metade da paleta. Copie quantos códigos precisar, quantas vezes quiser.

Outras famílias de cor

vermelholaranjaamareloverdeazulroxorosamarromcinzapretobrancoTodas as famílias