17 Tons diferentes de Vermelho (+ códigos HEX)
Explore todos os tons de vermelho, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores vermelho. Clique em qualquer tom para copiar o código.
O vermelho chega antes de qualquer outra coisa da página: o olho o encontra primeiro e o corpo reage antes da cabeça. Por isso significa ao mesmo tempo promoção e pare.
Use um vermelho só, não dois: um segundo vermelho ao lado do primeiro faz os dois parecerem erro.
- fair pink#ffebeb
- cosmos#ffd2d2
- your pink#ffbaba
- sweet pink#ffa1a1
- vivid tangerine#ff8989
- bittersweet#ff7070
- persimmon#ff5858
- coral red#ff4040
- red orange#ff2727
- red#ff0f0f
- guardsman red#c40000
- bright red#ac0000
- red berry#940000
- maroon#7b0000
- rosewood#630000
- temptress#4a0000
- diesel#1a0000
Vermelho: códigos HEX e RGB
vermelho tem os seguintes códigos de cor principais:
HEX: #ffebeb
RGB: (255, 235, 235).
Explore uma ampla gama de tons de vermelho no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de vermelho
Fair Pink
#ffebeb
Fair Pink
#ffebeb
Chablis
#fff0f0
Chablis
#fff0f0
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fffafa
Rose White
#fffafa
White
#ffffff
Explore os tons mais escuros de vermelho
Aubergine
#340909
Brown Derby
#4c1515
Irish Coffee
#652525
Lotus
#813b3b
Au Chico
#9b5555
Turkish Rose
#b47474
Oriental Pink
#cc9494
Cavern Pink
#e5bdbd
vermelho em HEX, RGB, HSL e CMYK
| HEX | #FF0000 | |
|---|---|---|
| RGB | rgb(255, 0, 0) | |
| HSL | hsl(0, 100%, 50%) | |
| CMYK | cmyk(0%, 100%, 100%, 0%) |
Tons claros e escuros de vermelho
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
#ff2727
#ff4e4e
#ff7575
#ff9c9c
#ffc4c4
#ffebeb
Mais escuros
#d80000
#b10000
#8a0000
#630000
#3b0000
#140000
Cores que combinam com vermelho
Complementar
#FF0000 #00ffff
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#ff0080 #FF0000 #ff8000
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#FF0000 #00ff00 #0000ff
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre vermelho
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 vermelho
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.