As cores são exibidas combinando vermelho, verde e luz azul.
Valores de cor
Cores CSS são definidos usando um hexadecimal (HEX) notação para a combinação de valores de cor azul vermelho, verde e (RGB) . O valor mais baixo que pode ser dada a uma das fontes de luz é 0 (HEX 00) . O valor mais alto é de 255 (HEX FF) .
valores HEX são escritos como 3 números de dois dígitos, começando com um sinal #.
Exemplo
Cor | HEX cor | A cor RGB |
---|---|---|
# 000000 | rgb (0,0,0) | |
# FF0000 | rgb (255,0,0) | |
# 00FF00 | rgb (0,255,0) | |
# 0000FF | rgb (0,0,255) | |
# FFFF00 | rgb (255,255,0) | |
# 00FFFF | rgb (0.255.255) | |
# FF00FF | rgb (255.0.255) | |
# C0C0C0 | rgb (192,192,192) | |
#FFFFFF | rgb (255,255,255) |
Tons de cinza
cores cinzentas são apresentados usando uma quantidade igual de energia para todas as fontes de luz. Para tornar mais fácil para que você selecione a cor cinzenta certo nós compilamos uma tabela de tons de cinza para você:
tons de cinza | HEX | RGB |
---|---|---|
# 000000 | rgb (0,0,0) | |
# 080808 | rgb (8,8,8) | |
# 101010 | rgb (16,16,16) | |
# 181818 | rgb (24,24,24) | |
# 202020 | rgb (32,32,32) | |
# 282828 | rgb (40,40,40) | |
# 303030 | rgb (48,48,48) | |
# 383838 | rgb (56,56,56) | |
# 404040 | rgb (64,64,64) | |
# 484848 | rgb (72,72,72) | |
# 505050 | rgb (80,80,80) | |
# 585858 | rgb (88,88,88) | |
# 606060 | rgb (96,96,96) | |
# 686868 | rgb (104104104) | |
# 707070 | rgb (112112112) | |
# 787878 | rgb (120120120) | |
# 808080 | rgb (128,128,128) | |
# 888888 | rgb (136136136) | |
# 909090 | rgb (144144144) | |
# 989898 | rgb (152152152) | |
# A0A0A0 | rgb (160160160) | |
# A8A8A8 | rgb (168168168) | |
# B0B0B0 | rgb (176176176) | |
# B8B8B8 | rgb (184184184) | |
# C0C0C0 | rgb (192,192,192) | |
# C8C8C8 | rgb (200200200) | |
# D0D0D0 | rgb (208208208) | |
# D8D8D8 | rgb (216216216) | |
# e0e0e0 | rgb (224224224) | |
# e8e8e8 | rgb (232232232) | |
# f0f0f0 | rgb (240240240) | |
# F8F8F8 | rgb (248248248) | |
#FFFFFF | rgb (255,255,255) |
Tons de vermelho
Se você olhar para a tabela de cores abaixo, você vai ver o resultado da variação da luz vermelha de 0 a 255, mantendo a luz verde e azul em zero.
Clique sobre os valores hexadecimais, se você quer analisar a cor no nosso seletor de cores.
Luz vermelha | HEX | RGB |
---|---|---|
# 000000 | rgb (0,0,0) | |
# 080000 | rgb (8,0,0) | |
# 100000 | rgb (16,0,0) | |
# 180000 | rgb (24,0,0) | |
# 200000 | rgb (32,0,0) | |
# 280000 | rgb (40,0,0) | |
# 300000 | rgb (48,0,0) | |
# 380000 | rgb (56,0,0) | |
# 400000 | rgb (64,0,0) | |
# 480000 | rgb (72,0,0) | |
# 500000 | rgb (80,0,0) | |
# 580000 | rgb (88,0,0) | |
# 600000 | rgb (96,0,0) | |
# 680000 | rgb (104,0,0) | |
# 700000 | rgb (112,0,0) | |
# 780000 | rgb (120,0,0) | |
# 800000 | rgb (128,0,0) | |
# 880000 | rgb (136,0,0) | |
# 900000 | rgb (144,0,0) | |
# 980000 | rgb (152,0,0) | |
# A00000 | rgb (160,0,0) | |
# A80000 | rgb (168,0,0) | |
# B00000 | rgb (176,0,0) | |
# B80000 | rgb (184,0,0) | |
# C00000 | rgb (192,0,0) | |
# C80000 | rgb (200,0,0) | |
# D00000 | rgb (208,0,0) | |
# D80000 | rgb (216,0,0) | |
# E00000 | rgb (224,0,0) | |
# E80000 | rgb (232,0,0) | |
# F00000 | rgb (240,0,0) | |
# F80000 | rgb (248,0,0) | |
# FF0000 | rgb (255,0,0) |
16 milhões de cores diferentes
A combinação de valores de vermelho, verde e azul de 0 a 255 dá um total de mais de 16 milhões de cores diferentes para jogar com (256 x 256 x 256) .
A maioria dos monitores modernos são capazes de exibir, pelo menos, 16384 cores diferentes.
Safe Web cores?
Muitos anos atrás, quando os computadores apoiado máximo 256 cores diferentes, uma lista de 216 "Web Safe Colors" foi sugerido como um padrão Web (reservando 40 cores Sistema fixo).
Isso não é importante agora, uma vez que a maioria dos computadores pode exibir milhões de cores diferentes.
Esta paleta de cores cross-browser 216 valores hexadecimais foi criado para garantir que todos os computadores iria exibir as cores corretamente quando executando uma paleta de 256 cores:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666.633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66ff00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966cc | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |