15 Tons diferentes de Branco (+ códigos HEX)
Explore todos os tons de branco, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores branco. Clique em qualquer tom para copiar o código.
O branco é uma decisão, não uma ausência: um branco frio deixa o produto clínico, um branco quente o deixa pensado, e o #FFF puro ofusca na tela.
Escolha um branco e mantenha. Dois brancos na mesma página parecem um erro de renderização.
- white#ffffff
- concrete#f2f2f2
- mercury#e6e6e6
- alto#d9d9d9
- silver#cdcdcd
- nobel#b3b3b3
- silver chalice#a7a7a7
- dusty gray#9a9a9a
- gray#8d8d8d
- boulder#747474
- dove gray#686868
- scorpion#5b5b5b
- tundora#4e4e4e
- mine shaft#353535
- cod gray#1c1c1c
Branco: códigos HEX e RGB
branco tem os seguintes códigos de cor principais:
HEX: #ffffff
RGB: (255, 255, 255).
Explore uma ampla gama de tons de branco no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de branco
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explore os tons mais escuros de branco
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
branco em HEX, RGB, HSL e CMYK
| HEX | #FFFFFF | |
|---|---|---|
| RGB | rgb(255, 255, 255) | |
| HSL | hsl(0, 0%, 100%) | |
| CMYK | cmyk(0%, 0%, 0%, 0%) |
Tons claros e escuros de branco
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#fdfdfd
#fcfcfc
#fafafa
#f8f8f8
#f7f7f7
#f5f5f5
Mais escuros
#d6d6d6
#adadad
#858585
#5c5c5c
#333333
#0a0a0a
Cores que combinam com branco
Complementar
#FFFFFF #ffffff
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#ffffff #FFFFFF #ffffff
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#FFFFFF #ffffff #ffffff
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre branco
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de branco
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.