Fifty Shades of Greyscale
Browser and Display Greyscale Test Page
Test the greyscale rendering of your browser and display
The below table contains a 16×16 array of boxes
displaying all 256 possible 8-bit greyscale values,
from black in the box labeled 00
to white in the box labeled ff
.
For example, the box labeled 3c
has color
#3c3c3c
meaning that red, green, and blue
are all set to 0x3c
of a possible 0xff
or 60 of 255 in base 10.
Put another way,
0x3c
out of 0xff
is 23.53% of the way from black to white.
How many distinct shades of grey can you see on this page? That will depend on your monitor and your vision.
_0 | _1 | _2 | _3 | _4 | _5 | _6 | _7 | _8 | _9 | _a | _b | _c | _d | _e | _f | ||
0_ | 00 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 0a | 0b | 0c | 0d | 0e | 0f | 0_ |
1_ | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 1a | 1b | 1c | 1d | 1e | 1f | 1_ |
2_ | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 2a | 2b | 2c | 2d | 2e | 2f | 1_ |
3_ | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 3a | 3b | 3c | 3d | 3e | 3f | 3_ |
4_ | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 4a | 4b | 4c | 4d | 4e | 4f | 4_ |
5_ | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 5a | 5b | 5c | 5d | 5e | 5f | 5_ |
6_ | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 6a | 6b | 6c | 6d | 6e | 6f | 6_ |
7_ | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 7a | 7b | 7c | 7d | 7e | 7f | 7_ |
8_ | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 8a | 8b | 8c | 8d | 8e | 8f | 8_ |
9_ | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 9a | 9b | 9c | 9d | 9e | 9f | 9_ |
a_ | a0 | a1 | a2 | a3 | a4 | a5 | a6 | a7 | a8 | a9 | aa | ab | ac | ad | ae | af | a_ |
b_ | b0 | b1 | b2 | b3 | b4 | b5 | b6 | b7 | b8 | b9 | ba | bb | bc | bd | be | bf | b_ |
c_ | c0 | c1 | c2 | c3 | c4 | c5 | c6 | c7 | c8 | c9 | ca | cb | cc | cd | ce | cf | c_ |
d_ | d0 | d1 | d2 | d3 | d4 | d5 | d6 | d7 | d8 | d9 | da | db | dc | dd | de | df | d_ |
e_ | e0 | e1 | e2 | e3 | e4 | e5 | e6 | e7 | e8 | e9 | ea | eb | ec | ed | ee | ef | e_ |
f_ | f0 | f1 | f2 | f3 | f4 | f5 | f6 | f7 | f8 | f9 | fa | fb | fc | fd | ff | ff | f_ |
_0 | _1 | _2 | _3 | _4 | _5 | _6 | _7 | _8 | _9 | _a | _b | _c | _d | _e | _f |
Below are some greyscale test bars with different numbers of grey levels.
Grey level test bars
8 levels
black | |||||||
00 | 20 | 40 | 60 | 80 | a0 | c0 | e0 |
white |
16 levels
black | |||||||||||||||
00 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | a0 | b0 | c0 | d0 | e0 | f0 |
white |
32 levels
black | |||||||||||||||||||||||||||||||
00 | 08 | 10 | 18 | 20 | 28 | 30 | 38 | 40 | 48 | 50 | 58 | 60 | 68 | 70 | 78 | 80 | 88 | 90 | 98 | a0 | a8 | b0 | b8 | c0 | c8 | d0 | d8 | e0 | e8 | f0 | f8 |
white |
64 levels
black | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
0 0 | 0 4 | 0 8 | 0 c | 1 0 | 1 4 | 1 8 | 1 c | 2 0 | 2 4 | 2 8 | 2 c | 3 0 | 3 4 | 3 8 | 3 c | 4 0 | 4 4 | 4 8 | 4 c | 5 0 | 5 4 | 5 8 | 5 c | 6 0 | 6 4 | 6 8 | 6 c | 7 0 | 7 4 | 7 8 | 7 c | 8 0 | 8 4 | 8 8 | 8 c | 9 0 | 9 4 | 9 8 | 9 c | a 0 | a 4 | a 8 | a c | b 0 | b 4 | b 8 | b c | c 0 | c 4 | c 8 | c c | d 0 | d 4 | d 8 | d c | e 0 | e 4 | e 8 | e c | f 0 | f 4 | f 8 | f c |
white |
Specify colors in HTML
Various Technical Topics