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 #E2C4E2 to #E2E2C4 and to #C4E2E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C9DD
#E1C9DE
#E0C9DF
#E0C9DF
#DFC9E0
#DEC9E1
#DDC9E2
#E2CED8
#E0CEDA
#DFCEDB
#DDCEDD
#DCCEDE
#DACEE0
#D8CEE2
#E2D2D4
#E0D2D6
#DED2D8
#DBD2DB
#D9D2DD
#D7D2DF
#D4D2E2
#E2D7CF
#DFD7D2
#DCD7D5
#D9D7D8
#D6D7DB
#D3D7DE
#CFD7E2
#E2DCCA
#DEDCCE
#DADCD2
#D6DCD6
#D3DCD9
#CFDCDD
#CADCE2
#E2E2C4
#DDE2C9
#D8E2CE
#D4E2D2
#CFE2D7
#CAE2DC
#C4E2E2
Colorpallet from #E2C4E2 to #E2E2C4 and to #3BE2E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C9DD
#DEC9DE
#D9C9DF
#D5C9DF
#D1C9E0
#CCC9E1
#C7C9E2
#E2CED8
#DACEDA
#D1CEDB
#C9CEDD
#C0CEDE
#B8CEE0
#ADCEE2
#E2D2D4
#D5D2D6
#C8D2D8
#BCD2DB
#AFD2DD
#A2D2DF
#92D2E2
#E2D7CF
#D1D7D2
#C0D7D5
#AFD7D8
#9ED7DB
#8CD7DE
#77D7E2
#E2DCCA
#CDDCCE
#B7DCD2
#A2DCD6
#8CDCD9
#77DCDD
#5CDCE2
#E2E2C4
#C7E2C9
#ADE2CE
#92E2D2
#77E2D7
#5CE2DC
#3BE2E2
Colorpallet from #E2C4E2 to #E2E2C4 and to #1DE2C4
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C9DD
#DDC9DD
#D8C9DD
#D3C9DD
#CEC9DD
#C8C9DD
#C2C9DD
#E2CED8
#D8CED8
#CECED8
#C4CED8
#BACED8
#B0CED8
#A3CED8
#E2D2D4
#D3D2D4
#C4D2D4
#B4D2D4
#A5D2D4
#96D2D4
#83D2D4
#E2D7CF
#CED7CF
#BAD7CF
#A6D7CF
#91D7CF
#7DD7CF
#64D7CF
#E2DCCA
#C9DCCA
#AFDCCA
#96DCCA
#7DDCCA
#64DCCA
#44DCCA
#E2E2C4
#C2E2C4
#A3E2C4
#83E2C4
#64E2C4
#44E2C4
#1DE2C4
Colorpallet from #E2C4E2 to #E2E2C4 and to #E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C9DD
#E2C8DE
#E2C7DF
#E2C7DF
#E2C6E0
#E2C5E1
#E2C4E2
#E2CED8
#E2CCDA
#E2CBDB
#E2C9DD
#E2C8DE
#E2C6E0
#E2C4E2
#E2D2D4
#E2D0D6
#E2CED8
#E2CBDB
#E2C9DD
#E2C7DF
#E2C4E2
#E2D7CF
#E2D4D2
#E2D1D5
#E2CED8
#E2CBDB
#E2C8DE
#E2C4E2
#E2DCCA
#E2D8CE
#E2D4D2
#E2D0D6
#E2CDD9
#E2C9DD
#E2C4E2
#E2E2C4
#E2DDC9
#E2D8CE
#E2D4D2
#E2CFD7
#E2CADC
#E2C4E2
Colorpallet from #E2C4E2 to #C4E2E2 and to #3BE2E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#DDC9E2
#D9C9E2
#D6C9E2
#D2C9E2
#CFC9E2
#CBC9E2
#C7C9E2
#D8CEE2
#D1CEE2
#CACEE2
#C3CEE2
#BCCEE2
#B6CEE2
#ADCEE2
#D4D2E2
#C9D2E2
#BFD2E2
#B4D2E2
#AAD2E2
#9FD2E2
#92D2E2
#CFD7E2
#C1D7E2
#B3D7E2
#A5D7E2
#97D7E2
#89D7E2
#77D7E2
#CADCE2
#B8DCE2
#A7DCE2
#95DCE2
#84DCE2
#72DCE2
#5CDCE2
#C4E2E2
#AEE2E2
#98E2E2
#82E2E2
#6CE2E2
#56E2E2
#3BE2E2
Colorpallet from #E2C4E2 to #C4E2E2 and to #1DE2C4
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#DDC9E2
#D9C9E1
#D4C9E0
#D0C9E0
#CCC9DF
#C7C9DE
#C2C9DD
#D8CEE2
#D0CEE0
#C7CEDF
#BFCEDD
#B6CEDC
#AECEDA
#A3CED8
#D4D2E2
#C7D2E0
#BAD2DE
#ADD2DB
#A0D2D9
#93D2D7
#83D2D4
#CFD7E2
#BED7DF
#ADD7DC
#9CD7D9
#8BD7D6
#79D7D3
#64D7CF
#CADCE2
#B5DCDE
#9FDCDA
#8ADCD6
#74DCD3
#5FDCCF
#44DCCA
#C4E2E2
#A9E2DD
#8FE2D8
#74E2D4
#59E2CF
#3EE2CA
#1DE2C4
Colorpallet from #E2C4E2 to #C4E2E2 and to #E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#DDC9E2
#DEC8E2
#DFC7E2
#DFC7E2
#E0C6E2
#E1C5E2
#E2C4E2
#D8CEE2
#DACCE2
#DBCBE2
#DDC9E2
#DEC8E2
#E0C6E2
#E2C4E2
#D4D2E2
#D6D0E2
#D8CEE2
#DBCBE2
#DDC9E2
#DFC7E2
#E2C4E2
#CFD7E2
#D2D4E2
#D5D1E2
#D8CEE2
#DBCBE2
#DEC8E2
#E2C4E2
#CADCE2
#CED8E2
#D2D4E2
#D6D0E2
#D9CDE2
#DDC9E2
#E2C4E2
#C4E2E2
#C9DDE2
#CED8E2
#D2D4E2
#D7CFE2
#DCCAE2
#E2C4E2
Colorpallet from #E2C4E2 to #3BE2E2 and to #1DE2C4
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#C7C9E2
#C6C9E1
#C5C9E0
#C5C9E0
#C4C9DF
#C3C9DE
#C2C9DD
#ADCEE2
#ABCEE0
#AACEDF
#A8CEDD
#A7CEDC
#A5CEDA
#A3CED8
#92D2E2
#90D2E0
#8DD2DE
#8BD2DB
#88D2D9
#86D2D7
#83D2D4
#77D7E2
#74D7DF
#71D7DC
#6ED7D9
#6BD7D6
#68D7D3
#64D7CF
#5CDCE2
#58DCDE
#54DCDA
#50DCD6
#4DDCD3
#49DCCF
#44DCCA
#3BE2E2
#36E2DD
#31E2D8
#2DE2D4
#28E2CF
#23E2CA
#1DE2C4
Colorpallet from #E2C4E2 to #3BE2E2 and to #E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#C7C9E2
#CBC8E2
#D0C7E2
#D4C7E2
#D8C6E2
#DDC5E2
#E2C4E2
#ADCEE2
#B5CCE2
#BECBE2
#C6C9E2
#CFC8E2
#D7C6E2
#E2C4E2
#92D2E2
#9FD0E2
#ACCEE2
#B8CBE2
#C5C9E2
#D2C7E2
#E2C4E2
#77D7E2
#88D4E2
#99D1E2
#AACEE2
#BBCBE2
#CDC8E2
#E2C4E2
#5CDCE2
#71D8E2
#87D4E2
#9CD0E2
#B2CDE2
#C7C9E2
#E2C4E2
#3BE2E2
#56DDE2
#70D8E2
#8BD4E2
#A6CFE2
#C1CAE2
#E2C4E2
Colorpallet from #E2C4E2 to #1DE2C4 and to #E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#E2C4E2
#C2C9DD
#C7C8DE
#CCC7DF
#D1C7DF
#D6C6E0
#DCC5E1
#E2C4E2
#A3CED8
#ADCCDA
#B7CBDB
#C1C9DD
#CBC8DE
#D5C6E0
#E2C4E2
#83D2D4
#92D0D6
#A1CED8
#B1CBDB
#C0C9DD
#CFC7DF
#E2C4E2
#64D7CF
#78D4D2
#8CD1D5
#A0CED8
#B5CBDB
#C9C8DE
#E2C4E2
#44DCCA
#5DD8CE
#77D4D2
#90D0D6
#A9CDD9
#C2C9DD
#E2C4E2
#1DE2C4
#3DDDC9
#5CD8CE
#7CD4D2
#9BCFD7
#BBCADC
#E2C4E2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts