ColorConvert.netColor Convert

Cor: Índigo

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

Categoria: purple
Fonte da Cor: web
Luminância: 3.1%
Formatos de Cores

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

HEX
#4B0082
RGB
75, 0, 130
HSL
275, 100, 25
HSV
275, 100, 51
CMYK
42, 100, 0, 49
LAB
20, 52, -53
Acessibilidade e Contraste

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

Relações de Contraste Básicas

Índigo on White
12.95:1
Índigo on Black
1.62: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 #FFFFFF para legibilidade ideal em fundos Índigo.

Ferramentas de Cores

Ferramentas profissionais para trabalhar com Índigo e criar esquemas de cores.

Sobre a Cor Índigo

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

Índigo tem o código hexadecimal #4B0082 e valores RGB de 75, 0, 130. No espaço de cores HSL, tem um matiz de 275°, saturação de 100% e luminosidade de 25%. 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 Índigo.

Emoções Associadas

Luxo, criatividade, mistério, espiritualidade, sabedoria

Simbolismo e Significado

Realeza, nobreza, elegância, magia, imaginação

Marketing e Marca

Produtos premium, beleza, anti-envelhecimento, serviços criativos

Aplicações de Design

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

Temperatura da Cor

Neutral

Comprimento de Onda Dominante

380-450nm

Pureza da Cor

100%

Índice de Brilho

64/255
Exemplos de Uso

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

Exemplos CSS

background-color: #4B0082;
color: #4B0082;
border: 2px solid #4B0082;
box-shadow: 0 4px 8px #4B008233;
background: linear-gradient(45deg, #4B0082, #7e33b5);

Dicas de Design e Melhores Práticas

Ao usar Índigo 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 Índigo 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 Purple Relacionadas

Explore outras cores purple que compartilham características similares com Índigo.