Ir para o conteúdo principal

Carvão

Tudo o que você precisa saber sobre carvão para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

Carvão é um tom escuro, neutro e versátil de cinza que se assemelha ao resíduo deixado pela queima de madeira ou carvão. Está localizado na extremidade mais escura do espectro de cinza na roda de cores, incorporando um tom profundo e suave. Carvão inclui variações que vão de quase preto a cinza esfumaçado mais claro.

color carvãocolor carvão

Carvão é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.

- Código HEX: #4A4A4A

- Valor RGB: 29% vermelho, 29% verde e 29% azul

Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.

Aqui estão algumas maneiras de aproveitar as qualidades versáteis e suaves do carvão:

  • Estabeleça um tom profissional. Use carvão em elementos de UI para aplicativos empresariais, sites corporativos e ferramentas profissionais para transmitir confiabilidade e autoridade.
  • Use como fundo e base. Carvão é uma excelente cor de fundo porque é menos agressiva que o preto e pode reduzir a fadiga ocular. Oferece uma base forte e neutra que faz outras cores se destacarem, ideal para painéis e interfaces detalhadas.
  • Considere usar para texto e tipografia. Carvão é uma ótima alternativa ao preto para texto, oferecendo um contraste mais suave com fundos claros que pode facilitar a leitura. É particularmente útil para grandes blocos de texto ou informações detalhadas.
  • Crie profundidade e camadas. Misturar carvão com tons de cinza pode criar profundidade, ajudando a guiar o olhar do usuário pela interface de forma estruturada.

Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.

Para variações dentro do mesmo espectro profundo e suave que o carvão, considere:

  • Gunmetal (#353E43) é ligeiramente mais escuro com um tom azulado, dando uma aparência mais fria, semelhante ao carvão.
  • Onyx (#353839) tem um tom quase preto que compartilha as qualidades sérias e versáteis do carvão.
  • Cinza ardósia escuro (#2F4F4F) oferece um toque de verde, proporcionando uma opção igualmente escura e suave.
  • Outer Space (#414A4C) apresenta um azul mais escuro, mantendo as características escuras e neutras do carvão.

Para complementar os tons sofisticados do carvão, considere combiná-lo com:

  • Creme (#FDFBD4) proporciona um contraste suave que ilumina a aparência austera do carvão.
  • Vermelho cereja (#FF1A1A) se destaca contra o carvão, oferecendo um toque vibrante de cor.
  • Azul céu (#87CEEB) adiciona um efeito sereno e calmante, complementando a natureza discreta do carvão.
  • Ouro pálido (#E6BE8A) introduz um brilho sutil, realçando a profundidade do carvão.
  • Verde menta (#ADEBB3) traz um toque fresco e vibrante que suaviza o ambiente quando combinado com carvão.

Outras cores que valem a pena considerar incluem azul marinho para um visual profissional, terracota para um contraste quente e lavanda suave para um toque de primavera.

Embora o carvão seja versátil, ele pode entrar em conflito com:

  • Amarelo brilhante (#FFFF00) pode parecer excessivamente forte e pode sobrecarregar a natureza suave do carvão.
  • Rosa choque (#FF69B4) tende a competir por atenção, potencialmente entrando em conflito com a elegância discreta do carvão.
  • Azul elétrico (#00F0FF) pode ser muito vibrante, ofuscando as qualidades sutis do carvão.
  • Verde neon (#2CFF05) cria um alto contraste que pode ser chocante contra o tom escuro do carvão.
  • Laranja brilhante (#FFA500) compete fortemente com o carvão, potencialmente criando uma combinação visualmente desconfortável.

Como cor, o carvão simboliza força, estabilidade e sofisticação. No campo da psicologia das cores, o carvão é visto como uma cor forte, muitas vezes conservadora, sugerindo confiabilidade e modéstia.

No design de UI, os tons profundos e suaves de cinza do carvão oferecem uma sensação de base e neutralidade, tornando-o uma escolha popular em contextos onde a elegância discreta é o objetivo. É menos agressivo que o preto, proporcionando uma alternativa mais suave que ainda retém muito da gravidade e formalidade associadas a tons mais escuros.

O carvão recebe seu nome e qualidades da substância real usada para desenho e combustível. O carvão tem sido usado como material de desenho por milhares de anos devido à sua capacidade de produzir linhas ricas e profundas que podem ser facilmente esfumadas ou misturadas para efeito artístico. Seu uso remonta aos tempos pré-históricos, com peças de carvão encontradas em cavernas ao lado de desenhos de humanos primitivos.

Hoje, o carvão é prevalente tanto na moda quanto no design, sendo apreciado por sua capacidade de se misturar bem com uma ampla gama de cores e sua adequação para ambientes profissionais.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

O Básico

Carvão Gráfico

Cinza Frio

Verificador de contraste

Contraste 8,86

Texto grande

#4A4A4A

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #4A4A4A sobre fundo #FFFFFF.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Contraste 2,37

Texto grande

#4A4A4A

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #4A4A4A sobre fundo #000000.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Simulações de cor

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

A cor hexadecimal #4a4a4a, conhecida como carvão, tem valores RGB de R:74, G:74, B:74 e valores CMYK de C:0, M:0, Y:0, K:71.

VALUECSS
HEX#4a4a4a#4a4a4a
RGB DECIMAL74, 74, 74RGB(74,74,74)
RGB PERCENTAGE29.0, 29.0, 29.0RGB(29.0%,29.0%,29.0%)
CMYK0, 0, 0, 71
HSLHSL(0.0, 0.0%, 29.0%)HSL(0.0, 0.0%, 29.0%)
HSV (OR HSB)0.0°, 0.0, 29.0
WEB SAFE#515151#515151
BINARY01001010, 01001010, 01001010
iOS - SwiftUIColor(red: 0.290, green: 0.290, blue: 0.290)
iOS - UIKitUIColor(red: 0.290, green: 0.290, blue: 0.290, alpha: 1)
Android - ComposeColor(0xFF4A4A4A)
Obter paleta de cores