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 #CCECA2 to #CCA2EC and to #ECCCA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCE0AE
#CDE1AC
#CEE2AA
#CEE3A8
#CFE4A6
#D0E6A4
#D1E7A2
#CCD4BA
#CED6B6
#CFD8B2
#D1DBAE
#D2DDAB
#D4DFA7
#D6E2A2
#CCC8C6
#CECBC0
#D1CFBA
#D3D2B5
#D6D5AF
#D8D9A9
#DBDDA2
#CCBDD1
#CFC1C9
#D2C6C2
#D6CABA
#D9CEB3
#DCD3AB
#E0D8A2
#CCB1DD
#D0B6D4
#D4BCCA
#D8C1C1
#DDC6B7
#E1CBAE
#E6D2A2
#CCA2EC
#D1A9E0
#D6AFD4
#DBB6C8
#E0BDBD
#E6C4B1
#ECCCA2
Colorpallet from #CCECA2 to #CCA2EC and to #ECA2CC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCE0AE
#CDE0AD
#CEE0AC
#CEE0AC
#CFE0AB
#D0E0AA
#D1E0A9
#CCD4BA
#CED4B8
#CFD4B6
#D1D4B5
#D2D4B3
#D4D4B1
#D6D4AF
#CCC8C6
#CEC8C3
#D1C8C1
#D3C8BE
#D6C8BC
#D8C8B9
#DBC8B6
#CCBDD1
#CFBDCE
#D2BDCB
#D6BDC7
#D9BDC4
#DCBDC1
#E0BDBD
#CCB1DD
#D0B1D9
#D4B1D5
#D8B1D1
#DDB1CD
#E1B1C9
#E6B1C4
#CCA2EC
#D1A2E7
#D6A2E2
#DBA2DD
#E0A2D8
#E6A2D2
#ECA2CC
Colorpallet from #CCECA2 to #CCA2EC and to #A2CCEC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCE0AE
#CBE1AE
#CAE2AE
#C9E3AE
#C8E4AE
#C6E6AE
#C5E7AE
#CCD4BA
#CAD6BA
#C8D8BA
#C6DBBA
#C4DDBA
#C2DFBA
#BFE2BA
#CCC8C6
#C9CBC6
#C6CFC6
#C2D2C6
#BFD5C6
#BCD9C6
#B8DDC6
#CCBDD1
#C8C1D1
#C3C6D1
#BFCAD1
#BBCED1
#B6D3D1
#B1D8D1
#CCB1DD
#C7B6DD
#C1BCDD
#BCC1DD
#B6C6DD
#B1CBDD
#AAD2DD
#CCA2EC
#C5A9EC
#BFAFEC
#B8B6EC
#B1BDEC
#AAC4EC
#A2CCEC
Colorpallet from #CCECA2 to #CCA2EC and to #A2ECCC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCE0AE
#CBE2AD
#CAE4AC
#C9E6AC
#C8E8AB
#C6EAAA
#C5ECA9
#CCD4BA
#CAD8B8
#C8DCB6
#C6E0B5
#C4E3B3
#C2E7B1
#BFECAF
#CCC8C6
#C9CEC3
#C6D4C1
#C2D9BE
#BFDFBC
#BCE5B9
#B8ECB6
#CCBDD1
#C8C5CE
#C3CCCB
#BFD4C7
#BBDBC4
#B6E3C1
#B1ECBD
#CCB1DD
#C7BAD9
#C1C4D5
#BCCDD1
#B6D7CD
#B1E0C9
#AAECC4
#CCA2EC
#C5AEE7
#BFBAE2
#B8C6DD
#B1D1D8
#AADDD2
#A2ECCC
Colorpallet from #CCECA2 to #ECCCA2 and to #ECA2CC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#D1E7A2
#D1E6A3
#D1E5A4
#D1E4A5
#D1E3A6
#D1E1A8
#D1E0A9
#D6E2A2
#D6E0A4
#D6DEA6
#D6DBA8
#D6D9AA
#D6D7AC
#D6D4AF
#DBDDA2
#DBDAA5
#DBD6A8
#DBD3AC
#DBD0AF
#DBCCB2
#DBC8B6
#E0D8A2
#E0D4A6
#E0CFAB
#E0CBAF
#E0C7B3
#E0C2B8
#E0BDBD
#E6D2A2
#E6CDA7
#E6C7AD
#E6C2B2
#E6BDB8
#E6B8BD
#E6B1C4
#ECCCA2
#ECC5A9
#ECBFAF
#ECB8B6
#ECB1BD
#ECAAC4
#ECA2CC
Colorpallet from #CCECA2 to #ECCCA2 and to #A2CCEC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#D1E7A2
#CFE7A4
#CDE7A6
#CBE7A8
#C9E7AA
#C7E7AC
#C5E7AE
#D6E2A2
#D2E2A6
#CFE2AA
#CBE2AE
#C7E2B1
#C4E2B5
#BFE2BA
#DBDDA2
#D5DDA8
#D0DDAE
#CADDB3
#C5DDB9
#BFDDBF
#B8DDC6
#E0D8A2
#D8D8AA
#D1D8B1
#C9D8B9
#C2D8C0
#BAD8C8
#B1D8D1
#E6D2A2
#DCD2AB
#D3D2B5
#C9D2BE
#C0D2C8
#B6D2D1
#AAD2DD
#ECCCA2
#E0CCAE
#D4CCBA
#C8CCC6
#BDCCD1
#B1CCDD
#A2CCEC
Colorpallet from #CCECA2 to #ECCCA2 and to #A2ECCC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#D1E7A2
#CFE8A3
#CDE9A4
#CBE9A5
#C9EAA6
#C7EBA8
#C5ECA9
#D6E2A2
#D2E4A4
#CFE5A6
#CBE7A8
#C7E8AA
#C4EAAC
#BFECAF
#DBDDA2
#D5DFA5
#D0E2A8
#CAE4AC
#C5E7AF
#BFE9B2
#B8ECB6
#E0D8A2
#D8DBA6
#D1DEAB
#C9E2AF
#C2E5B3
#BAE8B8
#B1ECBD
#E6D2A2
#DCD6A7
#D3DAAD
#C9DEB2
#C0E3B8
#B6E7BD
#AAECC4
#ECCCA2
#E0D1A9
#D4D6AF
#C8DBB6
#BDE0BD
#B1E6C4
#A2ECCC
Colorpallet from #CCECA2 to #ECA2CC and to #A2CCEC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#D1E0A9
#CFE1AA
#CDE2AB
#CBE3AB
#C9E4AC
#C7E6AD
#C5E7AE
#D6D4AF
#D2D6B1
#CFD8B3
#CBDBB4
#C7DDB6
#C4DFB8
#BFE2BA
#DBC8B6
#D5CBB9
#D0CFBB
#CAD2BE
#C5D5C0
#BFD9C3
#B8DDC6
#E0BDBD
#D8C1C0
#D1C6C3
#C9CAC7
#C2CECA
#BAD3CD
#B1D8D1
#E6B1C4
#DCB6C8
#D3BCCC
#C9C1D0
#C0C6D4
#B6CBD8
#AAD2DD
#ECA2CC
#E0A9D1
#D4AFD6
#C8B6DB
#BDBDE0
#B1C4E6
#A2CCEC
Colorpallet from #CCECA2 to #ECA2CC and to #A2ECCC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#D1E0A9
#CFE2A9
#CDE4A9
#CBE6A9
#C9E8A9
#C7EAA9
#C5ECA9
#D6D4AF
#D2D8AF
#CFDCAF
#CBE0AF
#C7E3AF
#C4E7AF
#BFECAF
#DBC8B6
#D5CEB6
#D0D4B6
#CAD9B6
#C5DFB6
#BFE5B6
#B8ECB6
#E0BDBD
#D8C5BD
#D1CCBD
#C9D4BD
#C2DBBD
#BAE3BD
#B1ECBD
#E6B1C4
#DCBAC4
#D3C4C4
#C9CDC4
#C0D7C4
#B6E0C4
#AAECC4
#ECA2CC
#E0AECC
#D4BACC
#C8C6CC
#BDD1CC
#B1DDCC
#A2ECCC
Colorpallet from #CCECA2 to #A2CCEC and to #A2ECCC
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#CCECA2
#C5E7AE
#C5E8AD
#C5E9AC
#C5E9AC
#C5EAAB
#C5EBAA
#C5ECA9
#BFE2BA
#BFE4B8
#BFE5B6
#BFE7B5
#BFE8B3
#BFEAB1
#BFECAF
#B8DDC6
#B8DFC3
#B8E2C1
#B8E4BE
#B8E7BC
#B8E9B9
#B8ECB6
#B1D8D1
#B1DBCE
#B1DECB
#B1E2C7
#B1E5C4
#B1E8C1
#B1ECBD
#AAD2DD
#AAD6D9
#AADAD5
#AADED1
#AAE3CD
#AAE7C9
#AAECC4
#A2CCEC
#A2D1E7
#A2D6E2
#A2DBDD
#A2E0D8
#A2E6D2
#A2ECCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts