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 #C1B67B to #C17BB6 and to #B6C17B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1AD84
#C1AF83
#C0B181
#C0B280
#C0B47E
#BFB67D
#BFB87B
#C1A38E
#C0A78B
#C0AA88
#BFAE85
#BEB282
#BEB57F
#BDBA7B
#C19A97
#C09F93
#BFA58E
#BFAA8A
#BEAF85
#BDB481
#BCBB7B
#C190A1
#C0979B
#BF9E95
#BEA68F
#BDAD89
#BBB483
#BABD7B
#C187AA
#C090A2
#BE999B
#BDA293
#BBAB8C
#BAB484
#B8BF7B
#C17BB6
#BF86AD
#BD91A3
#BC9D9A
#BAA890
#B8B387
#B6C17B
Colorpallet from #C1B67B to #C17BB6 and to #B67BC1
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1AD84
#C1AD84
#C0AD85
#C0AD85
#C0AD85
#BFAD86
#BFAD86
#C1A38E
#C0A38E
#C0A38F
#BFA38F
#BEA390
#BEA390
#BDA391
#C19A97
#C09A98
#BF9A99
#BF9A9A
#BE9A9B
#BD9A9C
#BC9A9D
#C190A1
#C090A2
#BF90A3
#BE90A4
#BD90A5
#BB90A7
#BA90A8
#C187AA
#C087AB
#BE87AD
#BD87AE
#BB87B0
#BA87B1
#B887B3
#C17BB6
#BF7BB8
#BD7BBA
#BC7BBB
#BA7BBD
#B87BBF
#B67BC1
Colorpallet from #C1B67B to #C17BB6 and to #7BC1B6
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1AD84
#BFAF84
#BDB184
#BCB284
#BAB484
#B8B684
#B6B884
#C1A38E
#BDA78E
#BAAA8E
#B6AE8E
#B3B28E
#AFB58E
#ABBA8E
#C19A97
#BC9F97
#B6A597
#B1AA97
#ABAF97
#A6B497
#9FBB97
#C190A1
#BA97A1
#B39EA1
#ABA6A1
#A4ADA1
#9DB4A1
#94BDA1
#C187AA
#B890AA
#AF99AA
#A6A2AA
#9DABAA
#94B4AA
#89BFAA
#C17BB6
#B686B6
#AB91B6
#9F9DB6
#94A8B6
#89B3B6
#7BC1B6
Colorpallet from #C1B67B to #C17BB6 and to #7BB6C1
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1AD84
#BFAE84
#BDB085
#BCB185
#BAB385
#B8B486
#B6B686
#C1A38E
#BDA68E
#BAA98F
#B6AC8F
#B3AF90
#AFB290
#ABB691
#C19A97
#BC9E98
#B6A399
#B1A79A
#ABAC9B
#A6B09C
#9FB69D
#C190A1
#BA96A2
#B39CA3
#ABA2A4
#A4A8A5
#9DAEA7
#94B6A8
#C187AA
#B88FAB
#AF96AD
#A69EAE
#9DA5B0
#94ADB1
#89B6B3
#C17BB6
#B684B8
#AB8EBA
#9F97BB
#94A1BD
#89AABF
#7BB6C1
Colorpallet from #C1B67B to #B6C17B and to #B67BC1
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#BFB87B
#BFB67D
#BFB47F
#BFB380
#BFB182
#BFAF84
#BFAD86
#BDBA7B
#BDB67F
#BDB382
#BDAF86
#BDAB89
#BDA88D
#BDA391
#BCBB7B
#BCB680
#BCB086
#BCAB8B
#BCA691
#BCA196
#BC9A9D
#BABD7B
#BAB682
#BAAF89
#BAA791
#BAA098
#BA999F
#BA90A8
#B8BF7B
#B8B684
#B8AD8D
#B8A496
#B89B9F
#B892A8
#B887B3
#B6C17B
#B6B686
#B6AB91
#B69F9D
#B694A8
#B689B3
#B67BC1
Colorpallet from #C1B67B to #B6C17B and to #7BC1B6
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#BFB87B
#BEB87C
#BCB87E
#BBB87F
#B9B881
#B8B882
#B6B884
#BDBA7B
#BABA7E
#B7BA81
#B4BA84
#B1BA87
#AFBA8A
#ABBA8E
#BCBB7B
#B7BB7F
#B3BB84
#AEBB88
#A9BB8D
#A5BB91
#9FBB97
#BABD7B
#B4BD81
#AEBD87
#A8BD8D
#A2BD93
#9CBD99
#94BDA1
#B8BF7B
#B0BF83
#A9BF8A
#A1BF92
#9ABF99
#92BFA1
#89BFAA
#B6C17B
#ADC184
#A3C18E
#9AC197
#90C1A1
#87C1AA
#7BC1B6
Colorpallet from #C1B67B to #B6C17B and to #7BB6C1
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#BFB87B
#BEB87D
#BCB77F
#BBB780
#B9B782
#B8B684
#B6B686
#BDBA7B
#BAB97F
#B7B982
#B4B886
#B1B789
#AFB78D
#ABB691
#BCBB7B
#B7BA80
#B3B986
#AEB98B
#A9B891
#A5B796
#9FB69D
#BABD7B
#B4BC82
#AEBB89
#A8BA91
#A2B998
#9CB79F
#94B6A8
#B8BF7B
#B0BE84
#A9BC8D
#A1BB96
#9AB99F
#92B8A8
#89B6B3
#B6C17B
#ADBF86
#A3BD91
#9ABC9D
#90BAA8
#87B8B3
#7BB6C1
Colorpallet from #C1B67B to #B67BC1 and to #7BC1B6
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#BFAD86
#BEAF86
#BCB185
#BBB285
#B9B485
#B8B684
#B6B884
#BDA391
#BAA791
#B7AA90
#B4AE90
#B1B28F
#AFB58F
#ABBA8E
#BC9A9D
#B79F9C
#B3A59B
#AEAA9A
#A9AF99
#A5B498
#9FBB97
#BA90A8
#B497A7
#AE9EA6
#A8A6A5
#A2ADA4
#9CB4A2
#94BDA1
#B887B3
#B090B2
#A999B0
#A1A2AF
#9AABAD
#92B4AC
#89BFAA
#B67BC1
#AD86BF
#A391BD
#9A9DBC
#90A8BA
#87B3B8
#7BC1B6
Colorpallet from #C1B67B to #B67BC1 and to #7BB6C1
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#BFAD86
#BEAE86
#BCB086
#BBB186
#B9B386
#B8B486
#B6B686
#BDA391
#BAA691
#B7A991
#B4AC91
#B1AF91
#AFB291
#ABB691
#BC9A9D
#B79E9D
#B3A39D
#AEA79D
#A9AC9D
#A5B09D
#9FB69D
#BA90A8
#B496A8
#AE9CA8
#A8A2A8
#A2A8A8
#9CAEA8
#94B6A8
#B887B3
#B08FB3
#A996B3
#A19EB3
#9AA5B3
#92ADB3
#89B6B3
#B67BC1
#AD84C1
#A38EC1
#9A97C1
#90A1C1
#87AAC1
#7BB6C1
Colorpallet from #C1B67B to #7BC1B6 and to #7BB6C1
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#C1B67B
#B6B884
#B6B884
#B6B785
#B6B785
#B6B785
#B6B686
#B6B686
#ABBA8E
#ABB98E
#ABB98F
#ABB88F
#ABB790
#ABB790
#ABB691
#9FBB97
#9FBA98
#9FB999
#9FB99A
#9FB89B
#9FB79C
#9FB69D
#94BDA1
#94BCA2
#94BBA3
#94BAA4
#94B9A5
#94B7A7
#94B6A8
#89BFAA
#89BEAB
#89BCAD
#89BBAE
#89B9B0
#89B8B1
#89B6B3
#7BC1B6
#7BBFB8
#7BBDBA
#7BBCBB
#7BBABD
#7BB8BF
#7BB6C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
