ColorConvert.netColor Convert

Cor: Gainsboro

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

Categoria: gray
Fonte da Cor: web
Luminância: 71.6%
Formatos de Cores

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

HEX
#DCDCDC
RGB
220, 220, 220
HSL
0, 0, 86
HSV
0, 0, 86
CMYK
0, 0, 0, 14
LAB
88, 0, 0
Acessibilidade e Contraste

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

Relações de Contraste Básicas

Gainsboro on White
1.37:1
Gainsboro on Black
15.31: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 Gainsboro.

Cores Similares

Cores similares a Gainsboro baseadas em matiz e saturação.

Ferramentas de Cores

Ferramentas profissionais para trabalhar com Gainsboro e criar esquemas de cores.

Sobre a Cor Gainsboro

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

Gainsboro tem o código hexadecimal #DCDCDC e valores RGB de 220, 220, 220. No espaço de cores HSL, tem um matiz de 0°, saturação de 0% e luminosidade de 86%. 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 Gainsboro.

Emoções Associadas

Neutralidade, equilíbrio, prático, moderno, calma

Simbolismo e Significado

Equilíbrio, neutro, profissional, estabilidade, prático

Marketing e Marca

Serviços profissionais, marcas corporativas, design moderno, produtos práticos

Aplicações de Design

Aprenda a usar efetivamente Gainsboro 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 Gainsboro.

Temperatura da Cor

Warm

Comprimento de Onda Dominante

620-750nm

Pureza da Cor

0%

Índice de Brilho

219/255
Exemplos de Uso

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

Exemplos CSS

background-color: #DCDCDC;
color: #DCDCDC;
border: 2px solid #DCDCDC;
box-shadow: 0 4px 8px #DCDCDC33;
background: linear-gradient(45deg, #DCDCDC, #ffffff);

Dicas de Design e Melhores Práticas

Ao usar Gainsboro 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 Gainsboro 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 Gray Relacionadas

Explore outras cores gray que compartilham características similares com Gainsboro.