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 #CCEDA8 to #CCA8ED and to #EDCCA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCE2B3
#CDE3B1
#CEE4AF
#CEE5AE
#CFE6AC
#D0E7AA
#D1E8A8
#CCD7BE
#CED9BA
#D0DBB7
#D1DCB3
#D3DEB0
#D5E0AC
#D7E2A8
#CCCCC9
#CFCFC4
#D1D1BE
#D4D4B9
#D6D7B4
#D9DAAF
#DCDDA8
#CCC1D4
#CFC5CD
#D3C8C6
#D6CCBF
#D9D0B8
#DDD3B1
#E1D8A8
#CCB6DF
#D0BBD6
#D4BFCD
#D8C4C5
#DDC9BC
#E1CDB3
#E6D3A8
#CCA8ED
#D1AEE2
#D7B4D7
#DCB9CC
#E1BFC1
#E6C5B6
#EDCCA8
Colorpallet from #CCEDA8 to #CCA8ED and to #EDA8CC
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCE2B3
#CDE2B2
#CEE2B1
#CEE2B1
#CFE2B0
#D0E2AF
#D1E2AE
#CCD7BE
#CED7BC
#D0D7BB
#D1D7B9
#D3D7B8
#D5D7B6
#D7D7B4
#CCCCC9
#CFCCC6
#D1CCC4
#D4CCC1
#D6CCBF
#D9CCBC
#DCCCB9
#CCC1D4
#CFC1D1
#D3C1CD
#D6C1CA
#D9C1C7
#DDC1C3
#E1C1BF
#CCB6DF
#D0B6DB
#D4B6D7
#D8B6D3
#DDB6CE
#E1B6CA
#E6B6C5
#CCA8ED
#D1A8E8
#D7A8E2
#DCA8DD
#E1A8D8
#E6A8D3
#EDA8CC
Colorpallet from #CCEDA8 to #CCA8ED and to #A8CCED
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCE2B3
#CBE3B3
#CAE4B3
#C9E5B3
#C8E6B3
#C7E7B3
#C6E8B3
#CCD7BE
#CAD9BE
#C8DBBE
#C6DCBE
#C4DEBE
#C2E0BE
#C0E2BE
#CCCCC9
#C9CFC9
#C7D1C9
#C4D4C9
#C1D7C9
#BEDAC9
#BBDDC9
#CCC1D4
#C8C5D4
#C5C8D4
#C1CCD4
#BDD0D4
#BAD3D4
#B5D8D4
#CCB6DF
#C7BBDF
#C3BFDF
#BEC4DF
#B9C9DF
#B5CDDF
#AFD3DF
#CCA8ED
#C6AEED
#C0B4ED
#BBB9ED
#B5BFED
#AFC5ED
#A8CCED
Colorpallet from #CCEDA8 to #CCA8ED and to #A8EDCC
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCE2B3
#CBE4B2
#CAE6B1
#C9E7B1
#C8E9B0
#C7EBAF
#C6EDAE
#CCD7BE
#CADBBC
#C8DEBB
#C6E2B9
#C4E5B8
#C2E9B6
#C0EDB4
#CCCCC9
#C9D1C6
#C7D7C4
#C4DCC1
#C1E1BF
#BEE6BC
#BBEDB9
#CCC1D4
#C8C8D1
#C5CFCD
#C1D6CA
#BDDDC7
#BAE4C3
#B5EDBF
#CCB6DF
#C7BFDB
#C3C8D7
#BED0D3
#B9D9CE
#B5E2CA
#AFEDC5
#CCA8ED
#C6B3E8
#C0BEE2
#BBC9DD
#B5D4D8
#AFDFD3
#A8EDCC
Colorpallet from #CCEDA8 to #EDCCA8 and to #EDA8CC
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#D1E8A8
#D1E7A9
#D1E6AA
#D1E5AB
#D1E4AC
#D1E3AD
#D1E2AE
#D7E2A8
#D7E0AA
#D7DEAC
#D7DDAE
#D7DBB0
#D7D9B2
#D7D7B4
#DCDDA8
#DCDAAB
#DCD8AD
#DCD5B0
#DCD2B3
#DCCFB6
#DCCCB9
#E1D8A8
#E1D4AC
#E1D1AF
#E1CDB3
#E1C9B7
#E1C6BA
#E1C1BF
#E6D3A8
#E6CEAD
#E6CAB1
#E6C5B6
#E6C0BB
#E6BCBF
#E6B6C5
#EDCCA8
#EDC6AE
#EDC0B4
#EDBBB9
#EDB5BF
#EDAFC5
#EDA8CC
Colorpallet from #CCEDA8 to #EDCCA8 and to #A8CCED
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#D1E8A8
#CFE8AA
#CDE8AC
#CCE8AD
#CAE8AF
#C8E8B1
#C6E8B3
#D7E2A8
#D3E2AC
#D0E2AF
#CCE2B3
#C8E2B6
#C5E2BA
#C0E2BE
#DCDDA8
#D7DDAD
#D1DDB3
#CCDDB8
#C7DDBD
#C2DDC2
#BBDDC9
#E1D8A8
#DAD8AF
#D3D8B6
#CCD8BD
#C5D8C4
#BED8CB
#B5D8D4
#E6D3A8
#DDD3B1
#D4D3BA
#CCD3C2
#C3D3CB
#BAD3D4
#AFD3DF
#EDCCA8
#E2CCB3
#D7CCBE
#CCCCC9
#C1CCD4
#B6CCDF
#A8CCED
Colorpallet from #CCEDA8 to #EDCCA8 and to #A8EDCC
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#D1E8A8
#CFE9A9
#CDEAAA
#CCEAAB
#CAEBAC
#C8ECAD
#C6EDAE
#D7E2A8
#D3E4AA
#D0E6AC
#CCE7AE
#C8E9B0
#C5EBB2
#C0EDB4
#DCDDA8
#D7E0AB
#D1E2AD
#CCE5B0
#C7E7B3
#C2EAB6
#BBEDB9
#E1D8A8
#DADBAC
#D3DFAF
#CCE2B3
#C5E5B7
#BEE9BA
#B5EDBF
#E6D3A8
#DDD7AD
#D4DBB1
#CCDFB6
#C3E4BB
#BAE8BF
#AFEDC5
#EDCCA8
#E2D1AE
#D7D7B4
#CCDCB9
#C1E1BF
#B6E6C5
#A8EDCC
Colorpallet from #CCEDA8 to #EDA8CC and to #A8CCED
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#D1E2AE
#CFE3AF
#CDE4B0
#CCE5B0
#CAE6B1
#C8E7B2
#C6E8B3
#D7D7B4
#D3D9B6
#D0DBB7
#CCDCB9
#C8DEBA
#C5E0BC
#C0E2BE
#DCCCB9
#D7CFBC
#D1D1BE
#CCD4C1
#C7D7C3
#C2DAC6
#BBDDC9
#E1C1BF
#DAC5C2
#D3C8C6
#CCCCC9
#C5D0CC
#BED3D0
#B5D8D4
#E6B6C5
#DDBBC9
#D4BFCD
#CCC4D1
#C3C9D6
#BACDDA
#AFD3DF
#EDA8CC
#E2AED1
#D7B4D7
#CCB9DC
#C1BFE1
#B6C5E6
#A8CCED
Colorpallet from #CCEDA8 to #EDA8CC and to #A8EDCC
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#D1E2AE
#CFE4AE
#CDE6AE
#CCE7AE
#CAE9AE
#C8EBAE
#C6EDAE
#D7D7B4
#D3DBB4
#D0DEB4
#CCE2B4
#C8E5B4
#C5E9B4
#C0EDB4
#DCCCB9
#D7D1B9
#D1D7B9
#CCDCB9
#C7E1B9
#C2E6B9
#BBEDB9
#E1C1BF
#DAC8BF
#D3CFBF
#CCD6BF
#C5DDBF
#BEE4BF
#B5EDBF
#E6B6C5
#DDBFC5
#D4C8C5
#CCD0C5
#C3D9C5
#BAE2C5
#AFEDC5
#EDA8CC
#E2B3CC
#D7BECC
#CCC9CC
#C1D4CC
#B6DFCC
#A8EDCC
Colorpallet from #CCEDA8 to #A8CCED and to #A8EDCC
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#CCEDA8
#C6E8B3
#C6E9B2
#C6EAB1
#C6EAB1
#C6EBB0
#C6ECAF
#C6EDAE
#C0E2BE
#C0E4BC
#C0E6BB
#C0E7B9
#C0E9B8
#C0EBB6
#C0EDB4
#BBDDC9
#BBE0C6
#BBE2C4
#BBE5C1
#BBE7BF
#BBEABC
#BBEDB9
#B5D8D4
#B5DBD1
#B5DFCD
#B5E2CA
#B5E5C7
#B5E9C3
#B5EDBF
#AFD3DF
#AFD7DB
#AFDBD7
#AFDFD3
#AFE4CE
#AFE8CA
#AFEDC5
#A8CCED
#A8D1E8
#A8D7E2
#A8DCDD
#A8E1D8
#A8E6D3
#A8EDCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
