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 #D2A1ED to #D2EDA1 and to #A1D2ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2ADE1
#D1ACE3
#CFACE5
#CEABE7
#CDAAE9
#CCAAEB
#CAA9ED
#D2B9D5
#CFB8D9
#CDB6DD
#CAB5E1
#C8B4E4
#C5B3E8
#C2B1ED
#D2C5C9
#CEC3CF
#CAC1D5
#C6BFDA
#C3BDE0
#BFBBE6
#BAB9ED
#D2D2BC
#CDCFC4
#C8CCCC
#C3C9D4
#BEC6DB
#B9C4E3
#B3C0ED
#D2DEB0
#CCDABA
#C6D7C4
#BFD3CD
#B9D0D7
#B3CCE1
#ABC8ED
#D2EDA1
#CAE9AD
#C2E4B9
#BAE0C5
#B3DCD2
#ABD7DE
#A1D2ED
Colorpallet from #D2A1ED to #D2EDA1 and to #A1EDD2
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2ADE1
#D1ADE2
#CFADE4
#CEADE5
#CDADE6
#CCADE7
#CAADE9
#D2B9D5
#CFB9D7
#CDB9DA
#CAB9DC
#C8B9DF
#C5B9E1
#C2B9E4
#D2C5C9
#CEC5CD
#CAC5D0
#C6C5D4
#C3C5D8
#BFC5DB
#BAC5E0
#D2D2BC
#CDD2C1
#C8D2C6
#C3D2CB
#BED2D0
#B9D2D6
#B3D2DC
#D2DEB0
#CCDEB6
#C6DEBC
#BFDEC3
#B9DEC9
#B3DECF
#ABDED7
#D2EDA1
#CAEDA9
#C2EDB1
#BAEDB9
#B3EDC0
#ABEDC8
#A1EDD2
Colorpallet from #D2A1ED to #D2EDA1 and to #EDD2A1
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2ADE1
#D3ACE1
#D3ACE1
#D4ABE1
#D5AAE1
#D5AAE1
#D6A9E1
#D2B9D5
#D3B8D5
#D5B6D5
#D6B5D5
#D8B4D5
#D9B3D5
#DBB1D5
#D2C5C9
#D4C3C9
#D6C1C9
#D8BFC9
#DABDC9
#DCBBC9
#DFB9C9
#D2D2BC
#D5CFBC
#D7CCBC
#DAC9BC
#DDC6BC
#E0C4BC
#E3C0BC
#D2DEB0
#D6DAB0
#D9D7B0
#DDD3B0
#E0D0B0
#E4CCB0
#E8C8B0
#D2EDA1
#D6E9A1
#DBE4A1
#DFE0A1
#E3DCA1
#E8D7A1
#EDD2A1
Colorpallet from #D2A1ED to #D2EDA1 and to #EDA1D2
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2ADE1
#D3ABE2
#D3A9E4
#D4A7E5
#D5A5E6
#D5A3E7
#D6A1E9
#D2B9D5
#D3B5D7
#D5B1DA
#D6ADDC
#D8AADF
#D9A6E1
#DBA1E4
#D2C5C9
#D4BFCD
#D6B9D0
#D8B4D4
#DAAED8
#DCA8DB
#DFA1E0
#D2D2BC
#D5CAC1
#D7C2C6
#DABACB
#DDB3D0
#E0ABD6
#E3A1DC
#D2DEB0
#D6D4B6
#D9CABC
#DDC1C3
#E0B7C9
#E4ADCF
#E8A1D7
#D2EDA1
#D6E1A9
#DBD5B1
#DFC9B9
#E3BCC0
#E8B0C8
#EDA1D2
Colorpallet from #D2A1ED to #A1D2ED and to #A1EDD2
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#CAA9ED
#CAAAEC
#CAAAEC
#CAABEB
#CAACEA
#CAACEA
#CAADE9
#C2B1ED
#C2B2EC
#C2B4EA
#C2B5E9
#C2B6E7
#C2B7E6
#C2B9E4
#BAB9ED
#BABBEB
#BABDE9
#BABFE7
#BAC1E5
#BAC3E3
#BAC5E0
#B3C0ED
#B3C3EA
#B3C6E8
#B3C9E5
#B3CCE2
#B3CEDF
#B3D2DC
#ABC8ED
#ABCCE9
#ABCFE6
#ABD3E2
#ABD6DF
#ABDADB
#ABDED7
#A1D2ED
#A1D6E9
#A1DBE4
#A1DFE0
#A1E3DC
#A1E8D7
#A1EDD2
Colorpallet from #D2A1ED to #A1D2ED and to #EDD2A1
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#CAA9ED
#CCA9EB
#CEA9E9
#D0A9E7
#D2A9E5
#D4A9E3
#D6A9E1
#C2B1ED
#C6B1E9
#CAB1E5
#CEB1E1
#D2B1DE
#D6B1DA
#DBB1D5
#BAB9ED
#C0B9E7
#C6B9E1
#CCB9DC
#D2B9D6
#D8B9D0
#DFB9C9
#B3C0ED
#BBC0E5
#C2C0DD
#CAC0D5
#D2C0CE
#D9C0C6
#E3C0BC
#ABC8ED
#B5C8E3
#BFC8D9
#C8C8D0
#D2C8C6
#DCC8BC
#E8C8B0
#A1D2ED
#ADD2E1
#B9D2D5
#C5D2C9
#D2D2BC
#DED2B0
#EDD2A1
Colorpallet from #D2A1ED to #A1D2ED and to #EDA1D2
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#CAA9ED
#CCA8EC
#CEA6EC
#D0A5EB
#D2A4EA
#D4A3EA
#D6A1E9
#C2B1ED
#C6AEEC
#CAACEA
#CEA9E9
#D2A7E7
#D6A4E6
#DBA1E4
#BAB9ED
#C0B5EB
#C6B1E9
#CCADE7
#D2AAE5
#D8A6E3
#DFA1E0
#B3C0ED
#BBBBEA
#C2B6E8
#CAB1E5
#D2ACE2
#D9A7DF
#E3A1DC
#ABC8ED
#B5C2E9
#BFBCE6
#C8B5E2
#D2AFDF
#DCA9DB
#E8A1D7
#A1D2ED
#ADCAE9
#B9C2E4
#C5BAE0
#D2B3DC
#DEABD7
#EDA1D2
Colorpallet from #D2A1ED to #A1EDD2 and to #EDD2A1
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#CAADE9
#CCACE8
#CEACE6
#D0ABE5
#D2AAE4
#D4AAE3
#D6A9E1
#C2B9E4
#C6B8E2
#CAB6DF
#CEB5DD
#D2B4DA
#D6B3D8
#DBB1D5
#BAC5E0
#C0C3DC
#C6C1D9
#CCBFD5
#D2BDD1
#D8BBCE
#DFB9C9
#B3D2DC
#BBCFD7
#C2CCD2
#CAC9CD
#D2C6C8
#D9C4C2
#E3C0BC
#ABDED7
#B5DAD1
#BFD7CB
#C8D3C4
#D2D0BE
#DCCCB8
#E8C8B0
#A1EDD2
#ADE9CA
#B9E4C2
#C5E0BA
#D2DCB3
#DED7AB
#EDD2A1
Colorpallet from #D2A1ED to #A1EDD2 and to #EDA1D2
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#CAADE9
#CCABE9
#CEA9E9
#D0A7E9
#D2A5E9
#D4A3E9
#D6A1E9
#C2B9E4
#C6B5E4
#CAB1E4
#CEADE4
#D2AAE4
#D6A6E4
#DBA1E4
#BAC5E0
#C0BFE0
#C6B9E0
#CCB4E0
#D2AEE0
#D8A8E0
#DFA1E0
#B3D2DC
#BBCADC
#C2C2DC
#CABADC
#D2B3DC
#D9ABDC
#E3A1DC
#ABDED7
#B5D4D7
#BFCAD7
#C8C1D7
#D2B7D7
#DCADD7
#E8A1D7
#A1EDD2
#ADE1D2
#B9D5D2
#C5C9D2
#D2BCD2
#DEB0D2
#EDA1D2
Colorpallet from #D2A1ED to #EDD2A1 and to #EDA1D2
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D2A1ED
#D6A9E1
#D6A8E2
#D6A6E4
#D6A5E5
#D6A4E6
#D6A3E7
#D6A1E9
#DBB1D5
#DBAED7
#DBACDA
#DBA9DC
#DBA7DF
#DBA4E1
#DBA1E4
#DFB9C9
#DFB5CD
#DFB1D0
#DFADD4
#DFAAD8
#DFA6DB
#DFA1E0
#E3C0BC
#E3BBC1
#E3B6C6
#E3B1CB
#E3ACD0
#E3A7D6
#E3A1DC
#E8C8B0
#E8C2B6
#E8BCBC
#E8B5C3
#E8AFC9
#E8A9CF
#E8A1D7
#EDD2A1
#EDCAA9
#EDC2B1
#EDBAB9
#EDB3C0
#EDABC8
#EDA1D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts