CSS Colors
Les couleurs sont affichées combinant ROUGE, VERT, BLEU et la lumière.
Les valeurs des couleurs
Couleurs CSS sont définies en utilisant un nombre hexadécimal (hex) la notation de la combinaison de rouge, vert, et les valeurs de couleur bleu (RVB). La valeur la plus basse qui peut être donné à l'une des sources de lumière est 0 (hex 00). La valeur la plus élevée est de 255 (FF en hexadécimal).
Les valeurs hexadécimales sont écrites comme des 3 numéros à deux chiffres, commençant par un signe #.
Exemples de couleurs
Couleur | Hexadécimal de la couleur | Couleur 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) |
Essayez vous-même »
16 millions de couleurs différentes
La combinaison des valeurs Rouge, Vert et Bleu de 0 à 255 donne un total de plus de 16 millions de couleurs différentes pour jouer avec (256 x 256 x 256).
La plupart des moniteurs modernes sont capables d'afficher au moins 16384 couleurs différentes.
Si vous regardez le tableau ci-dessous la couleur, vous verrez le résultat de la variation du voyant rouge de 0 à 255, tout en gardant le feu vert et bleu à zéro.
Pour voir une liste complète de la couleur se mélange lorsque la lumière rouge varie de 0 à 255, cliquez sur l'un de l'hexagone ou les valeurs RVB ci-dessous.
Shades of Gray
Les couleurs grises sont affichés en utilisant une quantité égale de pouvoir de toutes les sources de lumière. Pour le rendre facile pour vous de choisir la bonne couleur grise, nous avons compilé une table de nuances de gris pour vous:
Nuances de gris | 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 (104,104,104) | |
# 707070 | rgb (112,112,112) | |
# 787878 | rgb (120,120,120) | |
# 808080 | rgb (128,128,128) | |
# 888888 | rgb (136,136,136) | |
# 909090 | rgb (144,144,144) | |
# 989898 | rgb (152,152,152) | |
# A0A0A0 | rgb (160,160,160) | |
# A8A8A8 | rgb (168,168,168) | |
# B0B0B0 | rgb (176,176,176) | |
# B8B8B8 | rgb (184,184,184) | |
# C0C0C0 | rgb (192,192,192) | |
# C8C8C8 | rgb (200,200,200) | |
# D0D0D0 | rgb (208,208,208) | |
# D8D8D8 | rgb (216,216,216) | |
# E0E0E0 | rgb (224,224,224) | |
# E8E8E8 | rgb (232,232,232) | |
# F0F0F0 | rgb (240,240,240) | |
# F8F8F8 | rgb (248,248,248) | |
# FFFFFF | rgb (255,255,255) |
Couleurs Web Safe?
Il ya quelques années, lorsque les ordinateurs pris en charge max 256 couleurs différentes, une liste de 216 "Web Safe Colors" a été suggéré comme un standard du Web, en réservant 40 couleurs fixes du système.
Ce n'est pas important maintenant, puisque la plupart des ordinateurs peuvent afficher des millions de couleurs différentes, mais le choix est laissé à vous.
La palette de 216 couleurs cross-browser a été créé pour veiller à ce que tous les ordinateurs devraient afficher correctement les couleurs lorsque vous exécutez une palette de 256 couleurs:
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 | 666633 | 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 |
My brother suggested I may like this blog. He was totally
ReplyDeleteright. This put up actually made my day. You can not imagine just how much time I had spent
for this info! Thanks!
Check out my homepage; Michael Kors Handbags
Today, I went to the beachfront with my children. I found a sea shell and gave it to my 4 year
ReplyDeleteold daughter and said "You can hear the ocean if you put this to your ear." She put the shell to her ear and screamed.
There was a hermit crab inside and it pinched her ear.
She never wants to go back! LoL I know this is totally off topic
but I had to tell someone!
my web blog - Read Full Article
Magnificent beat ! I would like to apprentice while you amend your web site, how could i
ReplyDeletesubscribe for a blog site? The account aided me a acceptable
deal. I had been tiny bit acquainted of this your broadcast offered bright clear idea
my web-site: Sac Louis Vuitton
We're a group of volunteers and starting a new scheme in our community. Your website offered us with valuable information to work on. You've done a formidable job and our entire community will be
ReplyDeletethankful to you.
Feel free to visit my web-site: Tory Burch Handbags
You really make it seem so easy with your presentation but I find
ReplyDeletethis topic to be actually something that I think I would never understand.
It seems too complicated and extremely broad for me. I'm looking forward for your next post, I'll try to get the hang
of it!
Feel free to surf to my blog; Discover More Here