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 #C877E3 to #C8E377 and to #77C8E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C888D2
#C687D5
#C487D7
#C286DA
#C085DD
#BE85E0
#BB84E3
#C89AC0
#C499C6
#C097CB
#BC96D1
#B794D6
#B393DC
#AE91E3
#C8ABAF
#C2A9B7
#BCA7C0
#B5A5C8
#AFA3D0
#A9A1D9
#A19EE3
#C8BC9E
#C0B9A9
#B7B7B4
#AFB4BF
#A7B1CA
#9EAED5
#94ABE3
#C8CD8D
#BECA9B
#B3C6A9
#A9C3B6
#9EC0C4
#94BCD2
#87B8E3
#C8E377
#BBDF88
#AEDA9A
#A1D6AB
#94D2BC
#87CDCD
#77C8E3
Colorpallet from #C877E3 to #C8E377 and to #77E3C8
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C888D2
#C688D4
#C488D6
#C288D8
#C088DA
#BE88DC
#BB88DF
#C89AC0
#C49AC4
#C09AC8
#BC9ACC
#B79AD1
#B39AD5
#AE9ADA
#C8ABAF
#C2ABB5
#BCABBB
#B5ABC2
#AFABC8
#A9ABCE
#A1ABD6
#C8BC9E
#C0BCA6
#B7BCAF
#AFBCB7
#A7BCBF
#9EBCC8
#94BCD2
#C8CD8D
#BECD97
#B3CDA1
#A9CDAC
#9ECDB6
#94CDC0
#87CDCD
#C8E377
#BBE384
#AEE391
#A1E39E
#94E3AB
#87E3B8
#77E3C8
Colorpallet from #C877E3 to #C8E377 and to #E3C877
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C888D2
#C987D2
#C987D2
#CA86D2
#CB85D2
#CB85D2
#CC84D2
#C89AC0
#C999C0
#CB97C0
#CC96C0
#CE94C0
#CF93C0
#D191C0
#C8ABAF
#CAA9AF
#CCA7AF
#CEA5AF
#D0A3AF
#D2A1AF
#D59EAF
#C8BC9E
#CBB99E
#CDB79E
#D0B49E
#D3B19E
#D6AE9E
#D9AB9E
#C8CD8D
#CCCA8D
#CFC68D
#D3C38D
#D6C08D
#DABC8D
#DEB88D
#C8E377
#CCDF77
#D1DA77
#D5D677
#D9D277
#DECD77
#E3C877
Colorpallet from #C877E3 to #C8E377 and to #E377C8
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C888D2
#C985D4
#C983D6
#CA80D8
#CB7DDA
#CB7ADC
#CC77DF
#C89AC0
#C994C4
#CB8FC8
#CC89CC
#CE84D1
#CF7ED5
#D177DA
#C8ABAF
#CAA3B5
#CC9ABB
#CE92C2
#D08AC8
#D281CE
#D577D6
#C8BC9E
#CBB1A6
#CDA6AF
#D09BB7
#D390BF
#D685C8
#D977D2
#C8CD8D
#CCBF97
#CFB1A1
#D3A4AC
#D696B6
#DA88C0
#DE77CD
#C8E377
#CCD284
#D1C091
#D5AF9E
#D99EAB
#DE8DB8
#E377C8
Colorpallet from #C877E3 to #77C8E3 and to #77E3C8
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#BB84E3
#BB85E2
#BB85E2
#BB86E1
#BB87E0
#BB87E0
#BB88DF
#AE91E3
#AE92E2
#AE94E0
#AE95DF
#AE97DD
#AE98DC
#AE9ADA
#A19EE3
#A1A0E1
#A1A2DF
#A1A4DD
#A1A6DB
#A1A8D9
#A1ABD6
#94ABE3
#94AEE0
#94B0DE
#94B3DB
#94B6D8
#94B9D5
#94BCD2
#87B8E3
#87BBDF
#87BFDC
#87C2D8
#87C5D5
#87C9D1
#87CDCD
#77C8E3
#77CCDF
#77D1DA
#77D5D6
#77D9D2
#77DECD
#77E3C8
Colorpallet from #C877E3 to #77C8E3 and to #E3C877
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#BB84E3
#BE84E0
#C084DE
#C384DB
#C684D8
#C984D5
#CC84D2
#AE91E3
#B491DD
#B991D8
#BF91D2
#C491CD
#CA91C7
#D191C0
#A19EE3
#A99EDB
#B29ED2
#BA9ECA
#C29EC2
#CB9EB9
#D59EAF
#94ABE3
#9FABD8
#AAABCD
#B5ABC2
#C0ABB7
#CBABAC
#D9AB9E
#87B8E3
#95B8D5
#A3B8C7
#B1B8BA
#BFB8AC
#CDB89E
#DEB88D
#77C8E3
#88C8D2
#9AC8C0
#ABC8AF
#BCC89E
#CDC88D
#E3C877
Colorpallet from #C877E3 to #77C8E3 and to #E377C8
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#BB84E3
#BE82E2
#C080E2
#C37EE1
#C67CE0
#C97AE0
#CC77DF
#AE91E3
#B48DE2
#B989E0
#BF85DF
#C480DD
#CA7CDC
#D177DA
#A19EE3
#A998E1
#B292DF
#BA8BDD
#C285DB
#CB7FD9
#D577D6
#94ABE3
#9FA3E0
#AA9ADE
#B592DB
#C08AD8
#CB81D5
#D977D2
#87B8E3
#95AEDF
#A3A3DC
#B199D8
#BF8ED5
#CD84D1
#DE77CD
#77C8E3
#88BBDF
#9AAEDA
#ABA1D6
#BC94D2
#CD87CD
#E377C8
Colorpallet from #C877E3 to #77E3C8 and to #E3C877
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#BB88DF
#BE87DD
#C087DB
#C386D9
#C685D7
#C985D5
#CC84D2
#AE9ADA
#B499D6
#B997D2
#BF96CE
#C494C9
#CA93C5
#D191C0
#A1ABD6
#A9A9D0
#B2A7CA
#BAA5C3
#C2A3BD
#CBA1B7
#D59EAF
#94BCD2
#9FB9CA
#AAB7C1
#B5B4B9
#C0B1B1
#CBAEA8
#D9AB9E
#87CDCD
#95CAC3
#A3C6B9
#B1C3AE
#BFC0A4
#CDBC9A
#DEB88D
#77E3C8
#88DFBB
#9ADAAE
#ABD6A1
#BCD294
#CDCD87
#E3C877
Colorpallet from #C877E3 to #77E3C8 and to #E377C8
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#BB88DF
#BE85DF
#C083DF
#C380DF
#C67DDF
#C97ADF
#CC77DF
#AE9ADA
#B494DA
#B98FDA
#BF89DA
#C484DA
#CA7EDA
#D177DA
#A1ABD6
#A9A3D6
#B29AD6
#BA92D6
#C28AD6
#CB81D6
#D577D6
#94BCD2
#9FB1D2
#AAA6D2
#B59BD2
#C090D2
#CB85D2
#D977D2
#87CDCD
#95BFCD
#A3B1CD
#B1A4CD
#BF96CD
#CD88CD
#DE77CD
#77E3C8
#88D2C8
#9AC0C8
#ABAFC8
#BC9EC8
#CD8DC8
#E377C8
Colorpallet from #C877E3 to #E3C877 and to #E377C8
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#C877E3
#CC84D2
#CC82D4
#CC80D6
#CC7ED8
#CC7CDA
#CC7ADC
#CC77DF
#D191C0
#D18DC4
#D189C8
#D185CC
#D180D1
#D17CD5
#D177DA
#D59EAF
#D598B5
#D592BB
#D58BC2
#D585C8
#D57FCE
#D577D6
#D9AB9E
#D9A3A6
#D99AAF
#D992B7
#D98ABF
#D981C8
#D977D2
#DEB88D
#DEAE97
#DEA3A1
#DE99AC
#DE8EB6
#DE84C0
#DE77CD
#E3C877
#E3BB84
#E3AE91
#E3A19E
#E394AB
#E387B8
#E377C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
