Amarelo-Ouro (Amarelo Bandeira)
O valor RGB da cor #FFDF00 é (255,223,0). O nome da cor #FFDF00 é a cor Amarelo-Ouro (Amarelo Bandeira).
A cor hexadecimal #FFDF00 tem valor vermelho 255, valor verde 223 e valor azul 0 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #FFDF00: matiz: 0,14, saturação: 1,00 e luminosidade: 0,50.
A cor correspondente ao código hexadecimal #FFDF00 é 0,00, 0,13, 1,00, 0,00. A cor segura para a web correspondente a #FFDF00 é #FFCC00. A cor #FFDF00 contém principalmente a cor amarelo.
Conversões da Cor #FFDF00
| HEX | FFDF00 |
|---|---|
| RGB | 255, 223, 0 |
| CMYK | 0, 13, 100, 0 |
| HSB | 52, 100, 100 |
| HSL | 52, 100, 50 |
| LAB | 88.94, -5.95, 88.55 |
|---|---|
| LCH | 88.94, 88.75, 93.84 |
| XYZ | 67.63, 74.04, 10.73 |
| LUV | 88.94, 29.66, 95.02 |
| HWB | 52, 0, 50 |
Variações da Cor #FFDF00
Veja as variações de cores em tons, sombras, matizes e temperaturas.
Sombras (Shades) da Cor #FFDF00
Uma sombra é criada adicionando preto a uma cor base, aumentando sua intensidade. As tonalidades ficam mais dramáticas e ricas.
Tons Claros (Tints) da Cor #FFDF00
Uma tonalidade clara é criada adicionando branco a uma cor base, aumentando sua luminosidade. As Tints tendem a ter uma aparência pastel e menos intensa.
Tons (Tones) da Cor #FFDF00
Um tom é criado adicionando cinza a uma cor base, aumentando sua luminosidade. Os tons têm uma aparência mais sofisticada e complexa do que as cores base.
Matizes (Hues) da Cor #FFDF00
Uma matiz refere-se à família básica de cores que vai do vermelho ao violeta. Matizes são variações de uma cor base no círculo cromático.
Temperaturas da Cor #FFDF00
As cores são frequentemente divididas em frias e quentes de acordo com a forma como as percebemos. Verdes e azuis são cores frias, enquanto vermelhos e amarelos são cores quentes.
Harmonias da Cor #FFDF00
Harmonias de cores são esquemas de cores agradáveis criados de acordo com sua posição no círculo cromático. Saber mais
Análogas
Esquemas de cores análogas são criados escolhendo três cores que estão lado a lado no círculo cromático. Elas são percebidas como calmas e serenas.
Complementares
As combinações de cores complementares são criadas escolhendo duas cores opostas no círculo cromático. Elas parecem vibrantes quando estão próximas uma da outra.
Complementares Divididas
Esquemas complementares divididas são semelhantes aos complementares, mas utilizam duas cores adjacentes à cor complementar. Eles são mais flexíveis do que os complementares.
Triádicas
Esquemas de cores triádicas são criados escolhendo três cores equidistantes no círculo cromático. Elas apresentam um contraste acentuado e são multicoloridas.
Tetrádicas
Os esquemas de cores tetrádicos são formados por dois pares de cores complementares dispostas em um retângulo no círculo cromático. São muito versáteis e funcionam melhor com uma cor dominante.
Quadradas
Esquemas de cores quadradas são como tetrádicas dispostas em um quadrado em vez de um retângulo. As cores parecem ainda mais contrastantes.
Simulador de Daltonismo da Cor #FFDF00
Analise como uma cor é percebida por pessoas daltônicas para criar designs acessíveis. Saber mais
Protanopia
1,3% dos homens, 0,02% das mulheres
Deuteranopia
1,2% dos homens, 0,01% das mulheres
Tritanopia
0,001% dos homens, 0,03% das mulheres
Protanomalia
1,0% dos homens, 0,02% das mulheres
Deuteranomalia
5,0% dos homens, 0,35% das mulheres
Tritanomalia
0,01% da população (homens e mulheres igualmente)
Acromatopsia
0,003% da população (homens e mulheres igualmente)
Verificador de Contraste (WCAG) da Cor #FFDF00
Verifique o contraste de um texto em fundos branco e preto.
Fundo branco
ABC abc 123 • #FFDF00 • Contraste de cores
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo preto
ABC abc 123 • #FFDF00 • Contraste de cores
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Cores Relacionadas
Confira abaixo cores visualmente semelhantes:
Paletas relacionadas
Veja alguns exemplos de paletas de cores com essa cor. Veja mais