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 #CCD88E to #CC8ED8 and to #D8CC8E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCCC9A
#CCCE98
#CDCF96
#CDD194
#CDD292
#CED490
#CED68E
#CCC0A6
#CDC3A2
#CDC69E
#CECA9A
#CFCD97
#CFD093
#D0D48E
#CCB4B2
#CDB9AC
#CEBEA6
#CFC2A1
#D0C79B
#D1CC95
#D2D28E
#CCA9BD
#CDAFB5
#CFB5AE
#D0BCA6
#D1C29F
#D2C897
#D4D08E
#CC9DC9
#CEA5C0
#CFADB6
#D1B5AD
#D2BCA3
#D4C49A
#D6CE8E
#CC8ED8
#CE98CC
#D0A2C0
#D2ACB4
#D4B6A9
#D6C09D
#D8CC8E
Colorpallet from #CCD88E to #CC8ED8 and to #D88ECC
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCCC9A
#CCCC9A
#CDCC99
#CDCC99
#CDCC99
#CECC98
#CECC98
#CCC0A6
#CDC0A5
#CDC0A5
#CEC0A4
#CFC0A3
#CFC0A3
#D0C0A2
#CCB4B2
#CDB4B1
#CEB4B0
#CFB4AF
#D0B4AE
#D1B4AD
#D2B4AC
#CCA9BD
#CDA9BC
#CFA9BB
#D0A9BA
#D1A9B9
#D2A9B7
#D4A9B6
#CC9DC9
#CE9DC8
#CF9DC6
#D19DC5
#D29DC3
#D49DC2
#D69DC0
#CC8ED8
#CE8ED6
#D08ED4
#D28ED2
#D48ED0
#D68ECE
#D88ECC
Colorpallet from #CCD88E to #CC8ED8 and to #8ECCD8
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCCC9A
#CACE9A
#C9CF9A
#C7D19A
#C6D29A
#C4D49A
#C2D69A
#CCC0A6
#C9C3A6
#C6C6A6
#C2CAA6
#BFCDA6
#BCD0A6
#B8D4A6
#CCB4B2
#C7B9B2
#C2BEB2
#BEC2B2
#B9C7B2
#B4CCB2
#AED2B2
#CCA9BD
#C6AFBD
#BFB5BD
#B9BCBD
#B2C2BD
#ACC8BD
#A4D0BD
#CC9DC9
#C4A5C9
#BCADC9
#B4B5C9
#ACBCC9
#A4C4C9
#9ACEC9
#CC8ED8
#C298D8
#B8A2D8
#AEACD8
#A4B6D8
#9AC0D8
#8ECCD8
Colorpallet from #CCD88E to #CC8ED8 and to #8ED8CC
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCCC9A
#CACE9A
#C9D099
#C7D299
#C6D499
#C4D698
#C2D898
#CCC0A6
#C9C4A5
#C6C8A5
#C2CCA4
#BFCFA3
#BCD3A3
#B8D8A2
#CCB4B2
#C7BAB1
#C2C0B0
#BEC5AF
#B9CBAE
#B4D1AD
#AED8AC
#CCA9BD
#C6B1BC
#BFB8BB
#B9C0BA
#B2C7B9
#ACCFB7
#A4D8B6
#CC9DC9
#C4A6C8
#BCB0C6
#B4B9C5
#ACC3C3
#A4CCC2
#9AD8C0
#CC8ED8
#C29AD6
#B8A6D4
#AEB2D2
#A4BDD0
#9AC9CE
#8ED8CC
Colorpallet from #CCD88E to #D8CC8E and to #D88ECC
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CED68E
#CED490
#CED391
#CED193
#CED094
#CECE96
#CECC98
#D0D48E
#D0D191
#D0CE94
#D0CA98
#D0C79B
#D0C49E
#D0C0A2
#D2D28E
#D2CD93
#D2C898
#D2C49C
#D2BFA1
#D2BAA6
#D2B4AC
#D4D08E
#D4CA94
#D4C49B
#D4BDA1
#D4B7A8
#D4B1AE
#D4A9B6
#D6CE8E
#D6C696
#D6BE9E
#D6B6A6
#D6AFAE
#D6A7B6
#D69DC0
#D8CC8E
#D8C298
#D8B8A2
#D8AEAC
#D8A4B6
#D89AC0
#D88ECC
Colorpallet from #CCD88E to #D8CC8E and to #8ECCD8
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CED68E
#CCD690
#CAD692
#C8D694
#C6D696
#C4D698
#C2D69A
#D0D48E
#CCD492
#C8D496
#C4D49A
#C1D49D
#BDD4A1
#B8D4A6
#D2D28E
#CCD294
#C6D29A
#C1D29F
#BBD2A5
#B5D2AB
#AED2B2
#D4D08E
#CCD096
#C5D09D
#BDD0A5
#B5D0AC
#AED0B4
#A4D0BD
#D6CE8E
#CCCE97
#C3CEA1
#B9CEAA
#B0CEB4
#A6CEBD
#9ACEC9
#D8CC8E
#CCCC9A
#C0CCA6
#B4CCB2
#A9CCBD
#9DCCC9
#8ECCD8
Colorpallet from #CCD88E to #D8CC8E and to #8ED8CC
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CED68E
#CCD690
#CAD791
#C8D793
#C6D794
#C4D896
#C2D898
#D0D48E
#CCD591
#C8D594
#C4D698
#C1D79B
#BDD79E
#B8D8A2
#D2D28E
#CCD393
#C6D498
#C1D59C
#BBD6A1
#B5D7A6
#AED8AC
#D4D08E
#CCD194
#C5D39B
#BDD4A1
#B5D5A8
#AED6AE
#A4D8B6
#D6CE8E
#CCD096
#C3D19E
#B9D3A6
#B0D4AE
#A6D6B6
#9AD8C0
#D8CC8E
#CCCE98
#C0D0A2
#B4D2AC
#A9D4B6
#9DD6C0
#8ED8CC
Colorpallet from #CCD88E to #D88ECC and to #8ECCD8
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CECC98
#CCCE98
#CACF99
#C8D199
#C6D299
#C4D49A
#C2D69A
#D0C0A2
#CCC3A3
#C8C6A3
#C4CAA4
#C1CDA5
#BDD0A5
#B8D4A6
#D2B4AC
#CCB9AD
#C6BEAE
#C1C2AF
#BBC7B0
#B5CCB1
#AED2B2
#D4A9B6
#CCAFB7
#C5B5B8
#BDBCB9
#B5C2BA
#AEC8BC
#A4D0BD
#D69DC0
#CCA5C1
#C3ADC3
#B9B5C4
#B0BCC6
#A6C4C7
#9ACEC9
#D88ECC
#CC98CE
#C0A2D0
#B4ACD2
#A9B6D4
#9DC0D6
#8ECCD8
Colorpallet from #CCD88E to #D88ECC and to #8ED8CC
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CECC98
#CCCE98
#CAD098
#C8D298
#C6D498
#C4D698
#C2D898
#D0C0A2
#CCC4A2
#C8C8A2
#C4CCA2
#C1CFA2
#BDD3A2
#B8D8A2
#D2B4AC
#CCBAAC
#C6C0AC
#C1C5AC
#BBCBAC
#B5D1AC
#AED8AC
#D4A9B6
#CCB1B6
#C5B8B6
#BDC0B6
#B5C7B6
#AECFB6
#A4D8B6
#D69DC0
#CCA6C0
#C3B0C0
#B9B9C0
#B0C3C0
#A6CCC0
#9AD8C0
#D88ECC
#CC9ACC
#C0A6CC
#B4B2CC
#A9BDCC
#9DC9CC
#8ED8CC
Colorpallet from #CCD88E to #8ECCD8 and to #8ED8CC
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#CCD88E
#C2D69A
#C2D69A
#C2D799
#C2D799
#C2D799
#C2D898
#C2D898
#B8D4A6
#B8D5A5
#B8D5A5
#B8D6A4
#B8D7A3
#B8D7A3
#B8D8A2
#AED2B2
#AED3B1
#AED4B0
#AED5AF
#AED6AE
#AED7AD
#AED8AC
#A4D0BD
#A4D1BC
#A4D3BB
#A4D4BA
#A4D5B9
#A4D6B7
#A4D8B6
#9ACEC9
#9AD0C8
#9AD1C6
#9AD3C5
#9AD4C3
#9AD6C2
#9AD8C0
#8ECCD8
#8ECED6
#8ED0D4
#8ED2D2
#8ED4D0
#8ED6CE
#8ED8CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts