bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #D3ADE2 to #D3E2AD and to #ADD3E2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3B5DA
#D2B5DB
#D1B4DD
#D0B4DE
#CFB4DF
#CEB3E0
#CDB3E2
#D3BED1
#D1BDD4
#CFBCD6
#CDBCD9
#CBBBDC
#C9BADF
#C7B9E2
#D3C6C9
#D0C5CD
#CDC4D1
#CAC3D5
#C7C2D9
#C5C0DD
#C1BFE2
#D3CFC0
#CFCDC5
#CBCCCB
#C7CAD0
#C4C9D6
#C0C7DB
#BBC5E2
#D3D7B8
#CED5BF
#C9D3C5
#C5D1CC
#C0CFD3
#BBCDDA
#B5CBE2
#D3E2AD
#CDE0B5
#C7DDBE
#C1DBC6
#BBD8CF
#B5D6D7
#ADD3E2
Colorpallet from #D3ADE2 to #D3E2AD and to #ADE2D3
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3B5DA
#D2B5DB
#D1B5DC
#D0B5DD
#CFB5DE
#CEB5DF
#CDB5E0
#D3BED1
#D1BED3
#CFBED5
#CDBED7
#CBBED9
#C9BEDB
#C7BEDD
#D3C6C9
#D0C6CC
#CDC6CF
#CAC6D2
#C7C6D5
#C5C6D7
#C1C6DB
#D3CFC0
#CFCFC4
#CBCFC8
#C7CFCC
#C4CFCF
#C0CFD3
#BBCFD8
#D3D7B8
#CED7BD
#C9D7C2
#C5D7C6
#C0D7CB
#BBD7D0
#B5D7D6
#D3E2AD
#CDE2B3
#C7E2B9
#C1E2BF
#BBE2C5
#B5E2CB
#ADE2D3
Colorpallet from #D3ADE2 to #D3E2AD and to #E2D3AD
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3B5DA
#D3B5DA
#D4B4DA
#D4B4DA
#D4B4DA
#D5B3DA
#D5B3DA
#D3BED1
#D4BDD1
#D5BCD1
#D5BCD1
#D6BBD1
#D7BAD1
#D8B9D1
#D3C6C9
#D4C5C9
#D5C4C9
#D6C3C9
#D7C2C9
#D9C0C9
#DABFC9
#D3CFC0
#D5CDC0
#D6CCC0
#D8CAC0
#D9C9C0
#DBC7C0
#DDC5C0
#D3D7B8
#D5D5B8
#D7D3B8
#D9D1B8
#DBCFB8
#DDCDB8
#DFCBB8
#D3E2AD
#D5E0AD
#D8DDAD
#DADBAD
#DDD8AD
#DFD6AD
#E2D3AD
Colorpallet from #D3ADE2 to #D3E2AD and to #E2ADD3
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3B5DA
#D3B4DB
#D4B2DC
#D4B1DD
#D4B0DE
#D5AFDF
#D5ADE0
#D3BED1
#D4BBD3
#D5B9D5
#D5B6D7
#D6B3D9
#D7B0DB
#D8ADDD
#D3C6C9
#D4C2CC
#D5BECF
#D6BAD2
#D7B6D5
#D9B2D7
#DAADDB
#D3CFC0
#D5CAC4
#D6C4C8
#D8BFCC
#D9B9CF
#DBB4D3
#DDADD8
#D3D7B8
#D5D0BD
#D7CAC2
#D9C3C6
#DBBCCB
#DDB5D0
#DFADD6
#D3E2AD
#D5DAB3
#D8D1B9
#DAC9BF
#DDC0C5
#DFB8CB
#E2ADD3
Colorpallet from #D3ADE2 to #ADD3E2 and to #ADE2D3
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#CDB3E2
#CDB3E2
#CDB4E1
#CDB4E1
#CDB4E1
#CDB5E0
#CDB5E0
#C7B9E2
#C7BAE1
#C7BBE0
#C7BBE0
#C7BCDF
#C7BDDE
#C7BEDD
#C1BFE2
#C1C0E1
#C1C1E0
#C1C2DF
#C1C3DE
#C1C5DC
#C1C6DB
#BBC5E2
#BBC7E0
#BBC8DF
#BBCADD
#BBCBDC
#BBCDDA
#BBCFD8
#B5CBE2
#B5CDE0
#B5CFDE
#B5D1DC
#B5D3DA
#B5D5D8
#B5D7D6
#ADD3E2
#ADD5E0
#ADD8DD
#ADDADB
#ADDDD8
#ADDFD6
#ADE2D3
Colorpallet from #D3ADE2 to #ADD3E2 and to #E2D3AD
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#CDB3E2
#CEB3E1
#D0B3DF
#D1B3DE
#D2B3DD
#D3B3DC
#D5B3DA
#C7B9E2
#CAB9DF
#CCB9DD
#CFB9DA
#D2B9D7
#D5B9D4
#D8B9D1
#C1BFE2
#C5BFDE
#C9BFDA
#CDBFD6
#D1BFD2
#D5BFCE
#DABFC9
#BBC5E2
#C0C5DD
#C6C5D7
#CBC5D2
#D1C5CC
#D6C5C7
#DDC5C0
#B5CBE2
#BCCBDB
#C2CBD5
#C9CBCE
#D0CBC7
#D7CBC0
#DFCBB8
#ADD3E2
#B5D3DA
#BED3D1
#C6D3C9
#CFD3C0
#D7D3B8
#E2D3AD
Colorpallet from #D3ADE2 to #ADD3E2 and to #E2ADD3
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#CDB3E2
#CEB2E2
#D0B1E1
#D1B0E1
#D2AFE1
#D3AEE0
#D5ADE0
#C7B9E2
#CAB7E1
#CCB5E0
#CFB3E0
#D2B1DF
#D5AFDE
#D8ADDD
#C1BFE2
#C5BCE1
#C9B9E0
#CDB6DF
#D1B3DE
#D5B1DC
#DAADDB
#BBC5E2
#C0C1E0
#C6BDDF
#CBB9DD
#D1B6DC
#D6B2DA
#DDADD8
#B5CBE2
#BCC6E0
#C2C1DE
#C9BDDC
#D0B8DA
#D7B3D8
#DFADD6
#ADD3E2
#B5CDE0
#BEC7DD
#C6C1DB
#CFBBD8
#D7B5D6
#E2ADD3
Colorpallet from #D3ADE2 to #ADE2D3 and to #E2D3AD
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#CDB5E0
#CEB5DF
#D0B4DE
#D1B4DD
#D2B4DC
#D3B3DB
#D5B3DA
#C7BEDD
#CABDDB
#CCBCD9
#CFBCD7
#D2BBD5
#D5BAD3
#D8B9D1
#C1C6DB
#C5C5D8
#C9C4D5
#CDC3D2
#D1C2CF
#D5C0CD
#DABFC9
#BBCFD8
#C0CDD4
#C6CCD0
#CBCACC
#D1C9C9
#D6C7C5
#DDC5C0
#B5D7D6
#BCD5D1
#C2D3CC
#C9D1C8
#D0CFC3
#D7CDBE
#DFCBB8
#ADE2D3
#B5E0CD
#BEDDC7
#C6DBC1
#CFD8BB
#D7D6B5
#E2D3AD
Colorpallet from #D3ADE2 to #ADE2D3 and to #E2ADD3
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#CDB5E0
#CEB4E0
#D0B2E0
#D1B1E0
#D2B0E0
#D3AFE0
#D5ADE0
#C7BEDD
#CABBDD
#CCB9DD
#CFB6DD
#D2B3DD
#D5B0DD
#D8ADDD
#C1C6DB
#C5C2DB
#C9BEDB
#CDBADB
#D1B6DB
#D5B2DB
#DAADDB
#BBCFD8
#C0CAD8
#C6C4D8
#CBBFD8
#D1B9D8
#D6B4D8
#DDADD8
#B5D7D6
#BCD0D6
#C2CAD6
#C9C3D6
#D0BCD6
#D7B5D6
#DFADD6
#ADE2D3
#B5DAD3
#BED1D3
#C6C9D3
#CFC0D3
#D7B8D3
#E2ADD3
Colorpallet from #D3ADE2 to #E2D3AD and to #E2ADD3
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D3ADE2
#D5B3DA
#D5B2DB
#D5B1DC
#D5B0DD
#D5AFDE
#D5AEDF
#D5ADE0
#D8B9D1
#D8B7D3
#D8B5D5
#D8B3D7
#D8B1D9
#D8AFDB
#D8ADDD
#DABFC9
#DABCCC
#DAB9CF
#DAB6D2
#DAB3D5
#DAB1D7
#DAADDB
#DDC5C0
#DDC1C4
#DDBDC8
#DDB9CC
#DDB6CF
#DDB2D3
#DDADD8
#DFCBB8
#DFC6BD
#DFC1C2
#DFBDC6
#DFB8CB
#DFB3D0
#DFADD6
#E2D3AD
#E2CDB3
#E2C7B9
#E2C1BF
#E2BBC5
#E2B5CB
#E2ADD3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts