#52A5C4 cor HEX código RGB, HSL, CMYKCOR CóDIGO POR HEXA COR #52A5C4 |
#52A5C4
|
Em um espaço de cores RGB, hex #52A5C4 é composto de 32% vermelho, 65% verde e 77% azul. O código de cores RGB é composto por um componente hexadecimal 52 vermelho (82/255), um A5 verde (165/255) e um componente C4 azul (196/255). O código de cores RGB decimal é rgb(82,165,196) No espaço de cores CMYK, é composto por 58% ciano, 16% magenta, 0% amarelo e 23% preto. Tem um ângulo de matiz de 196.32o graus, uma saturação de 49% e uma luminosidade de 55%. A cor websafe mais próxima é: #6699cc rgb (102, 153, 204). |
![]() ![]() ![]() |
#52A5C4 rgb(82,165,196) | = | 32% de 255 | 65% de 255 | 77% de 255 | = | 58 de 100 | 16 de 100 | 0 de 100 | 23 de 100 |
|
|
|
|
|
|
|
|||
R: 82 vermelho | G: 165 verde | B: 196 azul | C: 58 cyan | M: 16 magenta | Y: 0 amarelo | K: 23 preto |
|||
Hexa cor | cartela de cores rgb | cartela de cores CMYK |
|
Variação de cor de sombra |
Tons de #52A5C4 |
Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #57A1BD é a cor menos saturada e #708D98 é a mais saturada. |
|
Cor do texto | Exemplo de cor de fundo |
Cor do texto
|
Exemplo de cor de fundo
|
<font color="#52A5C4;">Text here</font> |
<div style="background-color:#52A5C4;">Text here</div> |
Visualização de cores em fundo preto | Visualização de cores em fundo branco |
visualização de cores em fundo preto
|
visualização de cores em fundo branco
|
HTML código <div style="background-color:#000000"> <font color="#52A5C4;">Text here</font> </div> |
HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#52A5C4;">Text here</font> </div> |
Sombra da caixa div | Código CSS de sombra de texto |
Sombra da caixa por cor #52A5C4
|
código CSS de sombra de texto
|
HTML código <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #52A5C4;"></div> .box-shadow: 2px 2px 7px 1px; |
CSS código .text-shadow: 1px 2px 2px #52A5C4; |
Código html da borda da caixa | Sombra de texto com valores RGB por cor #52A5C4 |
código html da borda da caixa por cor #52A5C4
|
sombra de texto com valores RGB |
HTML código <div style="background-color:#FFFFFF; border:1px solid #52A5C4;"></div> |
CSS código with RGB .text-shadow: 0px 2px 2px rgba(82, 165, 196, 1.4); |
Código pré-formatado 52A5C4 | código por script / programming |
HTML, CSS: | = #52A5C4; rgb(82, 165, 196) |
Java: | = new Color(82, 165, 196) |
.NET: | = Color.FromArgb (82, 165, 196); |
Xojo: | = rgb (82, 165, 196, 0); |
openGL: | = glColor3f (0.32f, 0.65f, 0.77f); |
Swift: | = UIColor(red:0.32, green:0.65, blue:0.77, alpha:1.00000); |
Objective-C: | = [UIColor colorWithRed:0.32 green:0.65 blue:0.77 alpha:1.00000]; |
Cor monocromática![]() Esquemas de cores monocromáticos são fáceis de criar porque usam apenas uma cor. Esquemas monocromáticos usam tons diferentes do mesmo ângulo na roda de cores (o mesmo ângulo) Basta alterar a saturação de cor +10% e você terá uma nova cor monocromática. Na cor do nosso case: 58% tem uma saturação #52A5C4. Adicionando 58% + 10% = 68% de saturação para nossa nova cor #33819E. Diminuindo 58% - 10% = 48% saturação para outras cores monocromáticas #7ACDEB. |
Cor análoga![]() Esquemas de cores análogos são criados usando cores próximas umas das outras na roda de cores. Apenas +/- 30o nas laterais do ângulo de matiz da cor |
Cor complementar![]()
Esquemas complementares são criados combinando cores de lados opostos da roda de cores. Basta adicionar 180 graus ao matiz / ângulo da cor e você terá a cor complementar. Na cor do nosso case: #52A5C4 tem um ângulo 196o. Adicionando 196o + 180o = 16oo para nossa nova cor complementar #C47152.
|
Dividir cor![]() Esquemas compostos ou esquemas complementares divididos são quase o mesmo que esquemas complementares. Em vez de usar cores opostas, ele usa cores em ambos os lados do ângulo de matiz oposto. Na cor da nossa caixa: #52A5C4 tem um ângulo 196o. Adicionando 196o + 180o+30o = 46o para nossa primeira cor complementar #C4AA52. Diminuindo 196o + 180o-30o = 346o para a segunda cor complementar #C4526D. |
Cor triádica![]() Esquemas triádicos são compostos de matizes/ângulos igualmente espaçados ao redor da roda de cores. Adicione e diminua +/- 120 graus em ambos os lados do ângulo de matiz da cor. |
Cor tetrádica![]() Esquemas tetrádicos são compostos de matizes/ângulos espaçados ao redor da roda de cores. Adicione 120.180.300 graus no ângulo de matiz da cor. |
![]() | potência |
unidades de medida | |