ColorConvert.netColor Convert

Cor: Azul Claro

Informações completas da cor e ferramentas de conversão para Azul Claro

Categoria: blue
Fonte da Cor: web
Luminância: 63.7%
Formatos de Cores

Converta Azul Claro para todos os principais formatos de cores. Clique em qualquer valor para copiar para a área de transferência.

HEX
#ADD8E6
RGB
173, 216, 230
HSL
195, 53, 79
HSV
195, 25, 90
CMYK
25, 6, 0, 10
LAB
84, -11, -11
Acessibilidade e Contraste

Teste Azul Claro para conformidade de acessibilidade e relações de contraste de cores.

Relações de Contraste Básicas

Azul Claro on White
1.53:1
Azul Claro on Black
13.74:1

Conformidade WCAG 2.1

Padrão AA (Texto Normal)

Relação necessária: 4.5:1

PASS
Padrão AA (Texto Grande)

Relação necessária: 3:1

PASS
Padrão AAA (Texto Normal)

Relação necessária: 7:1

PASS
Padrão AAA (Texto Grande)

Relação necessária: 4.5:1

PASS

Recomendações de Uso

✓ Excelente para acessibilidade

Esta cor atende aos padrões AAA e é adequada para todos os tamanhos de texto e elementos UI.

Cor de texto recomendada: Use texto #000000 para legibilidade ideal em fundos Azul Claro.

Ferramentas de Cores

Ferramentas profissionais para trabalhar com Azul Claro e criar esquemas de cores.

Sobre a Cor Azul Claro

A cor Azul Claro (#ADD8E6) é uma cor blue que pertence à paleta de cores seguras para web. Este guia abrangente cobre tudo o que você precisa saber sobre Azul Claro, incluindo suas especificações técnicas, impacto psicológico, aplicações de design e exemplos de uso prático.

Azul Claro tem o código hexadecimal #ADD8E6 e valores RGB de 173, 216, 230. No espaço de cores HSL, tem um matiz de 195°, saturação de 53% e luminosidade de 79%. Esta cor é amplamente suportada em todos os navegadores e aplicações de design.

Psicologia e Significado da Cor

Descubra o impacto psicológico e a significância cultural de Azul Claro.

Emoções Associadas

Confiança, calma, estabilidade, paz, lealdade, tristeza

Simbolismo e Significado

Confiabilidade, profissionalismo, segurança, tranquilidade

Marketing e Marca

Gera confiança, promove calma, aparência profissional

Aplicações de Design

Aprenda a usar efetivamente Azul Claro em vários contextos de design.

Design Web

  • Headers
  • Links
  • Corporate themes
  • Trust indicators
  • Professional layouts

Design de Interiores

  • Bedrooms
  • Bathrooms
  • Office spaces
  • Coastal themes

Design Gráfico

  • Corporate branding
  • Healthcare materials
  • Technology themes
  • Professional presentations

Moda e Vestuário

  • Business attire
  • Denim
  • Formal wear
  • Casual shirts
Especificações Técnicas

Detalhes técnicos completos e informações do espaço de cores para Azul Claro.

Temperatura da Cor

Cool

Comprimento de Onda Dominante

450-495nm

Pureza da Cor

53%

Índice de Brilho

201/255
Exemplos de Uso

Exemplos do mundo real e snippets de código mostrando como usar Azul Claro.

Exemplos CSS

background-color: #ADD8E6;
color: #ADD8E6;
border: 2px solid #ADD8E6;
box-shadow: 0 4px 8px #ADD8E633;
background: linear-gradient(45deg, #ADD8E6, #e0ffff);

Dicas de Design e Melhores Práticas

Ao usar Azul Claro em seus designs, considere seu impacto psicológico e associações culturais. Esta cor funciona bem em web design, branding, and marketing materials e pode ser efetivamente combinada com cores complementares para criar composições visuais impactantes.

Considerações de Acessibilidade

Ao usar Azul Claro como cor de texto ou fundo, garanta relações de contraste suficientes para conformidade de acessibilidade. Teste suas combinações de cores contra as diretrizes WCAG para garantir legibilidade para todos os usuários.

Cores Blue Relacionadas

Explore outras cores blue que compartilham características similares com Azul Claro.