Cor Branco: código #FFFFFF

Branco

#FFFFFF

Códigos da cor

  • HEX#FFFFFF
  • RGBrgb(255, 255, 255)
  • HSLhsl(0, 0%, 100%)
  • HSVhsv(0, 0%, 100%)
  • CMYKcmyk(0%, 0%, 0%, 0%)
  • LABlab(100% 0 0)
  • OKLCHoklch(100% 0 0)

Sobre a cor Branco

Branco tem o código HEX #FFFFFF, que corresponde a rgb(255, 255, 255) no modelo RGB. No círculo cromático, seu matiz fica em 0°, com 0% de saturação e 100% de luminosidade (hsl(0, 0%, 100%)).

Com saturação muito baixa (ou luminosidade extrema), funciona como cor neutra, fácil de combinar com praticamente qualquer outra.

Como fundo, pede texto escuro: o preto atinge contraste de 21,00:1 sobre ela, contra 1,00:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 0%, 0%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Branco

Complementar

#FFFFFF · #FFFFFF

Análoga

#FFFFFF · #FFFFFF · #FFFFFF

Tríade

#FFFFFF · #FFFFFF · #FFFFFF

Tetrádica

#FFFFFF · #FFFFFF · #FFFFFF · #FFFFFF

Complementar dividida

#FFFFFF · #FFFFFF · #FFFFFF

Monocromática

#BFBFBF · #E6E6E6 · #FFFFFF · #FFFFFF · #FFFFFF

Branco com texto branco e preto

Texto branco Aa Bb Cc 123
1,00:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
21,00:1 · AAA

Testar outras combinações no verificador de contraste

Branco: paz, limpeza e recomeço

O branco #FFFFFF é a soma de todas as luzes da tela no máximo. No Brasil, ele tem um papel muito concreto: é a roupa mais comum na virada do ano, ligada à paz e a um recomeço, e segue forte em vestidos de noiva, batizados e no uniforme de profissionais de saúde. Em algumas culturas do leste asiático, por outro lado, o branco é tradicionalmente associado ao luto. No design, ele transmite limpeza, espaço e simplicidade, e é a base de quase toda interface: o que parece “vazio” é, na verdade, a cor mais usada da página.

Branco puro ou off-white?

Nem todo branco é igual, e a escolha muda a sensação do projeto:

TomHEXQuando usar
Branco puro#FFFFFFInterfaces, fotografia de produto, visual técnico e minimalista.
Off-white#FAF9F6Sites editoriais, papelaria e paredes: menos ofuscante.
Creme#FFFDD0Ambientes aconchegantes, marcas artesanais, convites.

Na decoração, lembre que a luz muda tudo: uma parede branca sob lâmpada quente fica amarelada, e sob luz fria, azulada. Teste uma amostra no local antes de pintar o cômodo inteiro.

Como combinar

O branco aceita qualquer parceiro, mas cada um muda o clima. Com azul-marinho (#000080), o resultado é náutico e clássico. Com terracota (#E2725B) e bege (#F5F5DC), vira uma paleta mediterrânea, quente e iluminada. Com preto (#000000), você tem o máximo de contraste para peças gráficas.

Dica prática: tela e impressão

Em telas, um fundo branco puro combinado com texto preto puro pode cansar em leituras longas; muitos projetos suavizam um dos lados. Confira a legibilidade no verificador de contraste. Na impressão, o branco simplesmente não é impresso: ele é a cor do papel. Se o papel for reciclado ou amarelado, seu branco também será. E para imprimir branco sobre materiais escuros ou transparentes, é preciso tinta branca especial, orçada à parte. Veja mais em RGB x CMYK.

Como usar em CSS

:root {
  --color-white: #FFFFFF;
  --color-white-rgb: 255, 255, 255;
}

.elemento {
  background-color: var(--color-white);
  color: #000000;
}