34 Tons diferentes de Amarelo (+ códigos HEX)
Explore todos os tons de amarelo, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores amarelo. Clique em qualquer tom para copiar o código.
O amarelo é a cor do calor, da energia e da alegria! De pastéis suaves a dourados intensos, nossa coleção reúne mais de 30 tons de amarelo para iluminar qualquer projeto.
Se você prefere um tom discreto e calmo ou um amarelo vibrante, vai encontrar vários tons com seus nomes e códigos HEX. E ainda descobre paletas de amarelo lindas para usar nos seus trabalhos!
- cosmic latte#FFF8E6
- lemon chiffon#FEFACD
- light goldenrod yellow#F9FAD2
- pastel yellow#FCFD95
- lemon#FFF700
- cadmium yellow#FFF600
- daffodil#FFFF31
- laser lemon#FEFE22
- neon yellow#DCF400
- titanium yellow#EEE600
- green yellow#ADFF30
- light khaki#F0E78C
- straw#E4D96F
- flax#EDDC82
- jasmine#F8DE7F
- buff#F0DC83
- moccasin#FFFA66
- floral white#FEFCEC
- cornsilk#FDF9DD
- corn#FBEC5D
- school bus yellow#FFD800
- mikado yellow#FFC50C
- canary yellow#F7E801
- jonquil#F9D95E
- topaz#FFC87D
- sunglow#FFCC33
- banana yellow#FFE135
- orange yellow#F7D569
- golden poppy#FCC200
- golden yellow#F7BA00
- mango yellow#ECB542
- mustard yellow#F7C81B
- dark yellow#EFB701
- dark khaki#BDB76B
Amarelo: códigos HEX e RGB
amarelo tem os seguintes códigos de cor principais:
HEX: #FFFF00
RGB: (255, 255, 0).
Explore uma ampla gama de tons de amarelo no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de amarelo
Yellow
#ffff00
Broom
#ffff1a
Golden Fizz
#ffff33
Gorse
#ffff4d
Laser Lemon
#ffff66
Dolly
#ffff80
Pale Canary
#ffff99
Portafino
#ffffb3
Cream
#ffffcc
Half and Half
#ffffe5
Explore os tons mais escuros de amarelo
Madras
#333300
Verdun Green
#4c4d00
Verdun Green
#666600
Olive
#7f8000
Olive
#999900
Buddha Gold
#b2b300
Rio Grande
#cccc00
Turbo
#e5e600
amarelo em HEX, RGB, HSL e CMYK
| HEX | #FFFF00 | |
|---|---|---|
| RGB | rgb(255, 255, 0) | |
| HSL | hsl(60, 100%, 50%) | |
| CMYK | cmyk(0%, 0%, 100%, 0%) |
Tons claros e escuros de amarelo
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
#ffff27
#ffff4e
#ffff75
#ffff9c
#ffffc4
#ffffeb
Mais escuros
#d8d800
#b1b100
#8a8a00
#636300
#3b3b00
#141400
Cores que combinam com amarelo
Complementar
#FFFF00 #0000ff
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#ff8000 #FFFF00 #80ff00
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#FFFF00 #00ffff #ff00ff
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre amarelo
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 amarelo
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.