13 Tons diferentes de Água (+ códigos HEX)
Explore todos os tons de água, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores água. Clique em qualquer tom para copiar o código.
O água é o ciano em força total: a cor da água rasa e do design web dos primeiros anos. Chama a atenção na hora, então rende mais como acento do que como superfície.
Na tela é brilhante demais para texto branco: use texto quase preto ou puxe antes para um azul-petróleo mais escuro.
- dew#ebffff
- oyster bay#d2ffff
- onahau#baffff
- anakiwa#a1ffff
- aquamarine#70ffff
- cyan / aqua#40ffff
- robin's egg blue#00dddd
- persian green#00acac
- teal#007b7b
- blue stone#006363
- sherpa blue#004a4a
- deep teal#003232
- swamp#00191a
Água: códigos HEX e RGB
água tem os seguintes códigos de cor principais:
HEX: #ebffff
RGB: (235, 255, 255).
Explore uma ampla gama de tons de água no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de água
Dew
#ebffff
Dew
#ebffff
Twilight Blue
#f0ffff
Twilight Blue
#f0ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#faffff
Twilight Blue
#faffff
White
#ffffff
Explore os tons mais escuros de água
Bottle Green
#093434
Elephant
#154c4c
Casal
#256565
Ming
#3b8181
Breaker Bay
#559b9b
Neptune
#74b4b4
Half Baked
#94cccc
Jagged Ice
#bde5e5
água em HEX, RGB, HSL e CMYK
| HEX | #00FFFF | |
|---|---|---|
| RGB | rgb(0, 255, 255) | |
| HSL | hsl(180, 100%, 50%) | |
| CMYK | cmyk(100%, 0%, 0%, 0%) |
Tons claros e escuros de água
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
#27ffff
#4effff
#75ffff
#9cffff
#c4ffff
#ebffff
Mais escuros
#00d8d8
#00b1b1
#008a8a
#006363
#003b3b
#001414
Cores que combinam com água
Complementar
#00FFFF #ff0000
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#00ff80 #00FFFF #007fff
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#00FFFF #ff00ff #ffff00
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre água
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 água
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.