16 Tons diferentes de Preto (+ códigos HEX)
Explore todos os tons de preto, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores preto. Clique em qualquer tom para copiar o código.
Preto puro é raro em bom design. A tela mostra como uma borda dura e a impressão quase nunca alcança, então quase todo "preto" é um cinza escuríssimo com um toque de azul ou marrom.
Use #000 em logos e fios finos; no texto e em fundos escuros, um preto suavizado.
- wild sand#f5f5f5
- mercury#e8e8e8
- alto#dcdcdc
- silver#c2c2c2
- nobel#b6b6b6
- silver chalice#a9a9a9
- dusty gray#9c9c9c
- gray#909090
- boulder#777777
- dove gray#6a6a6a
- scorpion#5d5d5d
- emperor#515151
- tundora#444444
- mine shaft#383838
- cod gray#1e1e1e
- black#050505
Preto: códigos HEX e RGB
preto tem os seguintes códigos de cor principais:
HEX: #f5f5f5
RGB: (245, 245, 245).
Explore uma ampla gama de tons de preto no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de preto
Wild Sand
#f5f5f5
Wild Sand
#f5f5f5
Wild Sand
#f7f7f7
Wild Sand
#f7f7f7
Alabaster
#fafafa
Alabaster
#fafafa
Alabaster
#fafafa
Alabaster
#fcfcfc
Alabaster
#fcfcfc
White
#ffffff
Explore os tons mais escuros de preto
Aubergine
#330a0a
Cedar
#4b1616
Buccaneer
#622727
Lotus
#7b3d3d
Au Chico
#935858
Pharlap
#ab7878
Quicksand
#c49c9c
Wafer
#ddc6c6
preto em HEX, RGB, HSL e CMYK
| HEX | #000000 | |
|---|---|---|
| RGB | rgb(0, 0, 0) | |
| HSL | hsl(0, 0%, 0%) | |
| CMYK | cmyk(0%, 0%, 0%, 100%) |
Tons claros e escuros de preto
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
#292929
#525252
#7a7a7a
#a3a3a3
#cccccc
#f5f5f5
Mais escuros
#020202
#030303
#050505
#070707
#090909
#0a0a0a
Cores que combinam com preto
Complementar
#000000 #000000
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#000000 #000000 #000000
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#000000 #000000 #000000
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre preto
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 preto
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.