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 #CCDF86 to #CC86DF and to #DFCC86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCD194
#CCD392
#CDD590
#CDD68D
#CED88B
#CEDA89
#CFDC86
#CCC3A2
#CDC79E
#CECA99
#CFCE95
#D0D190
#D1D58C
#D2D986
#CCB4B1
#CDB9AA
#CFBFA3
#D0C49C
#D2CA95
#D3CF8F
#D5D686
#CCA6BF
#CEADB6
#D0B4AD
#D2BCA4
#D4C39B
#D6CA91
#D8D386
#CC98CD
#CEA1C2
#D1AAB6
#D3B3AB
#D6BCA0
#D8C594
#DBD086
#CC86DF
#CF91D1
#D29CC3
#D5A8B4
#D8B3A6
#DBBE98
#DFCC86
Colorpallet from #CCDF86 to #CC86DF and to #DF86CC
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCD194
#CCD194
#CDD193
#CDD193
#CED192
#CED192
#CFD191
#CCC3A2
#CDC3A1
#CEC3A0
#CFC39F
#D0C39E
#D1C39D
#D2C39C
#CCB4B1
#CDB4B0
#CFB4AE
#D0B4AD
#D2B4AB
#D3B4AA
#D5B4A8
#CCA6BF
#CEA6BD
#D0A6BB
#D2A6B9
#D4A6B7
#D6A6B5
#D8A6B3
#CC98CD
#CE98CB
#D198C8
#D398C6
#D698C3
#D898C1
#DB98BE
#CC86DF
#CF86DC
#D286D9
#D586D6
#D886D3
#DB86D0
#DF86CC
Colorpallet from #CCDF86 to #CC86DF and to #86CCDF
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCD194
#CAD394
#C8D594
#C7D694
#C5D894
#C3DA94
#C1DC94
#CCC3A2
#C8C7A2
#C5CAA2
#C1CEA2
#BED1A2
#BAD5A2
#B6D9A2
#CCB4B1
#C7B9B1
#C1BFB1
#BCC4B1
#B6CAB1
#B1CFB1
#AAD6B1
#CCA6BF
#C5ADBF
#BEB4BF
#B6BCBF
#AFC3BF
#A8CABF
#9FD3BF
#CC98CD
#C3A1CD
#BAAACD
#B1B3CD
#A8BCCD
#9FC5CD
#94D0CD
#CC86DF
#C191DF
#B69CDF
#AAA8DF
#9FB3DF
#94BEDF
#86CCDF
Colorpallet from #CCDF86 to #CC86DF and to #86DFCC
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCD194
#CAD394
#C8D593
#C7D893
#C5DA92
#C3DC92
#C1DF91
#CCC3A2
#C8C7A1
#C5CCA0
#C1D09F
#BED59E
#BAD99D
#B6DF9C
#CCB4B1
#C7BBB0
#C1C2AE
#BCC9AD
#B6D0AB
#B1D6AA
#AADFA8
#CCA6BF
#C5AFBD
#BEB8BB
#B6C1B9
#AFCAB7
#A8D4B5
#9FDFB3
#CC98CD
#C3A3CB
#BAAFC8
#B1BAC6
#A8C5C3
#9FD1C1
#94DFBE
#CC86DF
#C194DC
#B6A2D9
#AAB1D6
#9FBFD3
#94CDD0
#86DFCC
Colorpallet from #CCDF86 to #DFCC86 and to #DF86CC
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CFDC86
#CFDA88
#CFD88A
#CFD78B
#CFD58D
#CFD38F
#CFD191
#D2D986
#D2D58A
#D2D28D
#D2CE91
#D2CB94
#D2C798
#D2C39C
#D5D686
#D5D18B
#D5CB91
#D5C696
#D5C09C
#D5BBA1
#D5B4A8
#D8D386
#D8CC8D
#D8C594
#D8BD9C
#D8B6A3
#D8AFAA
#D8A6B3
#DBD086
#DBC78F
#DBBE98
#DBB5A1
#DBACAA
#DBA3B3
#DB98BE
#DFCC86
#DFC191
#DFB69C
#DFAAA8
#DF9FB3
#DF94BE
#DF86CC
Colorpallet from #CCDF86 to #DFCC86 and to #86CCDF
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CFDC86
#CDDC88
#CBDC8A
#C8DC8D
#C6DC8F
#C4DC91
#C1DC94
#D2D986
#CED98A
#C9D98F
#C5D993
#C0D998
#BCD99C
#B6D9A2
#D5D686
#CED68D
#C7D694
#C0D69B
#B9D6A2
#B3D6A8
#AAD6B1
#D8D386
#CFD38F
#C6D398
#BDD3A1
#B4D3AA
#AAD3B4
#9FD3BF
#DBD086
#D0D091
#C4D09D
#B9D0A8
#AED0B3
#A2D0BF
#94D0CD
#DFCC86
#D1CC94
#C3CCA2
#B4CCB1
#A6CCBF
#98CCCD
#86CCDF
Colorpallet from #CCDF86 to #DFCC86 and to #86DFCC
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CFDC86
#CDDC88
#CBDD8A
#C8DD8B
#C6DE8D
#C4DE8F
#C1DF91
#D2D986
#CEDA8A
#C9DB8D
#C5DC91
#C0DD94
#BCDE98
#B6DF9C
#D5D686
#CED78B
#C7D991
#C0DA96
#B9DC9C
#B3DDA1
#AADFA8
#D8D386
#CFD58D
#C6D794
#BDD99C
#B4DBA3
#AADDAA
#9FDFB3
#DBD086
#D0D28F
#C4D598
#B9D7A1
#AEDAAA
#A2DCB3
#94DFBE
#DFCC86
#D1CF91
#C3D29C
#B4D5A8
#A6D8B3
#98DBBE
#86DFCC
Colorpallet from #CCDF86 to #DF86CC and to #86CCDF
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CFD191
#CDD391
#CBD592
#C8D692
#C6D893
#C4DA93
#C1DC94
#D2C39C
#CEC79D
#C9CA9E
#C5CE9F
#C0D1A0
#BCD5A1
#B6D9A2
#D5B4A8
#CEB9A9
#C7BFAB
#C0C4AC
#B9CAAE
#B3CFAF
#AAD6B1
#D8A6B3
#CFADB5
#C6B4B7
#BDBCB9
#B4C3BB
#AACABD
#9FD3BF
#DB98BE
#D0A1C0
#C4AAC3
#B9B3C5
#AEBCC8
#A2C5CA
#94D0CD
#DF86CC
#D191CF
#C39CD2
#B4A8D5
#A6B3D8
#98BEDB
#86CCDF
Colorpallet from #CCDF86 to #DF86CC and to #86DFCC
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CFD191
#CDD391
#CBD591
#C8D891
#C6DA91
#C4DC91
#C1DF91
#D2C39C
#CEC79C
#C9CC9C
#C5D09C
#C0D59C
#BCD99C
#B6DF9C
#D5B4A8
#CEBBA8
#C7C2A8
#C0C9A8
#B9D0A8
#B3D6A8
#AADFA8
#D8A6B3
#CFAFB3
#C6B8B3
#BDC1B3
#B4CAB3
#AAD4B3
#9FDFB3
#DB98BE
#D0A3BE
#C4AFBE
#B9BABE
#AEC5BE
#A2D1BE
#94DFBE
#DF86CC
#D194CC
#C3A2CC
#B4B1CC
#A6BFCC
#98CDCC
#86DFCC
Colorpallet from #CCDF86 to #86CCDF and to #86DFCC
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#CCDF86
#C1DC94
#C1DC94
#C1DD93
#C1DD93
#C1DE92
#C1DE92
#C1DF91
#B6D9A2
#B6DAA1
#B6DBA0
#B6DC9F
#B6DD9E
#B6DE9D
#B6DF9C
#AAD6B1
#AAD7B0
#AAD9AE
#AADAAD
#AADCAB
#AADDAA
#AADFA8
#9FD3BF
#9FD5BD
#9FD7BB
#9FD9B9
#9FDBB7
#9FDDB5
#9FDFB3
#94D0CD
#94D2CB
#94D5C8
#94D7C6
#94DAC3
#94DCC1
#94DFBE
#86CCDF
#86CFDC
#86D2D9
#86D5D6
#86D8D3
#86DBD0
#86DFCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
