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 #C1BC70 to #C170BC and to #BCC170
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1B07C
#C1B27A
#C1B478
#C1B676
#C0B874
#C0BA72
#C0BD70
#C1A488
#C1A884
#C0AC80
#C0B07C
#C0B579
#BFB975
#BFBE70
#C19894
#C19E8E
#C0A488
#C0AA83
#C0B07D
#BFB677
#BFBE70
#C18BA1
#C19399
#C09C91
#C0A489
#BFAC82
#BFB57A
#BEBF70
#C17FAD
#C089A3
#C09499
#BF9E90
#BEA986
#BEB37C
#BDC070
#C170BC
#C07DB0
#BF8AA4
#BF9798
#BEA48B
#BDB17F
#BCC170
Colorpallet from #C1BC70 to #C170BC and to #BC70C1
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1B07C
#C1B07C
#C1B07C
#C1B07C
#C0B07D
#C0B07D
#C0B07D
#C1A488
#C1A488
#C0A489
#C0A489
#C0A489
#BFA48A
#BFA48A
#C19894
#C19894
#C09895
#C09895
#C09896
#BF9896
#BF9897
#C18BA1
#C18BA1
#C08BA2
#C08BA2
#BF8BA3
#BF8BA3
#BE8BA4
#C17FAD
#C07FAE
#C07FAE
#BF7FAF
#BE7FB0
#BE7FB0
#BD7FB1
#C170BC
#C070BD
#BF70BE
#BF70BE
#BE70BF
#BD70C0
#BC70C1
Colorpallet from #C1BC70 to #C170BC and to #70C1BC
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1B07C
#BFB27C
#BDB47C
#BBB67C
#B9B87C
#B7BA7C
#B4BD7C
#C1A488
#BDA888
#B9AC88
#B5B088
#B0B588
#ACB988
#A7BE88
#C19894
#BB9E94
#B5A494
#AEAA94
#A8B094
#A2B694
#9ABE94
#C18BA1
#B993A1
#B09CA1
#A8A4A1
#A0ACA1
#97B5A1
#8DBFA1
#C17FAD
#B789AD
#AC94AD
#A29EAD
#97A9AD
#8DB3AD
#80C0AD
#C170BC
#B47DBC
#A78ABC
#9A97BC
#8DA4BC
#80B1BC
#70C1BC
Colorpallet from #C1BC70 to #C170BC and to #70BCC1
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1B07C
#BFB27C
#BDB47C
#BBB67C
#B9B87D
#B7BA7D
#B4BC7D
#C1A488
#BDA888
#B9AC89
#B5B089
#B0B389
#ACB78A
#A7BC8A
#C19894
#BB9E94
#B5A495
#AEA995
#A8AF96
#A2B596
#9ABC97
#C18BA1
#B993A1
#B09BA2
#A8A3A2
#A0AAA3
#97B2A3
#8DBCA4
#C17FAD
#B789AE
#AC93AE
#A29CAF
#97A6B0
#8DB0B0
#80BCB1
#C170BC
#B47CBD
#A788BE
#9A94BE
#8DA1BF
#80ADC0
#70BCC1
Colorpallet from #C1BC70 to #BCC170 and to #BC70C1
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C0BD70
#C0BB72
#C0B974
#C0B776
#C0B578
#C0B37A
#C0B07D
#BFBE70
#BFBA74
#BFB678
#BFB27C
#BFAD81
#BFA985
#BFA48A
#BFBE70
#BFB876
#BFB27C
#BFAC83
#BFA689
#BFA08F
#BF9897
#BEBF70
#BEB778
#BEAE81
#BEA689
#BE9E91
#BE959A
#BE8BA4
#BDC070
#BDB67A
#BDAB85
#BDA18F
#BD969A
#BD8CA4
#BD7FB1
#BCC170
#BCB47D
#BCA78A
#BC9A97
#BC8DA4
#BC80B1
#BC70C1
Colorpallet from #C1BC70 to #BCC170 and to #70C1BC
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C0BD70
#BEBD72
#BCBD74
#BABD76
#B8BD78
#B6BD7A
#B4BD7C
#BFBE70
#BBBE74
#B7BE78
#B3BE7C
#B0BE7F
#ACBE83
#A7BE88
#BFBE70
#B9BE76
#B3BE7C
#ADBE81
#A7BE87
#A1BE8D
#9ABE94
#BEBF70
#B6BF78
#AEBF80
#A6BF88
#9FBF8F
#97BF97
#8DBFA1
#BDC070
#B3C07A
#A9C084
#A0C08D
#96C097
#8CC0A1
#80C0AD
#BCC170
#B0C17C
#A4C188
#98C194
#8BC1A1
#7FC1AD
#70C1BC
Colorpallet from #C1BC70 to #BCC170 and to #70BCC1
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C0BD70
#BEBD72
#BCBD74
#BABD76
#B8BC78
#B6BC7A
#B4BC7D
#BFBE70
#BBBE74
#B7BD78
#B3BD7C
#B0BD81
#ACBC85
#A7BC8A
#BFBE70
#B9BE76
#B3BD7C
#ADBD83
#A7BD89
#A1BC8F
#9ABC97
#BEBF70
#B6BF78
#AEBE81
#A6BE89
#9FBD91
#97BD9A
#8DBCA4
#BDC070
#B3BF7A
#A9BF85
#A0BE8F
#96BD9A
#8CBDA4
#80BCB1
#BCC170
#B0C07D
#A4BF8A
#98BF97
#8BBEA4
#7FBDB1
#70BCC1
Colorpallet from #C1BC70 to #BC70C1 and to #70C1BC
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C0B07D
#BEB27D
#BCB47D
#BAB67D
#B8B87C
#B6BA7C
#B4BD7C
#BFA48A
#BBA88A
#B7AC89
#B3B089
#B0B589
#ACB988
#A7BE88
#BF9897
#B99E97
#B3A496
#ADAA96
#A7B095
#A1B695
#9ABE94
#BE8BA4
#B693A4
#AE9CA3
#A6A4A3
#9FACA2
#97B5A2
#8DBFA1
#BD7FB1
#B389B0
#A994B0
#A09EAF
#96A9AE
#8CB3AE
#80C0AD
#BC70C1
#B07DC0
#A48ABF
#9897BF
#8BA4BE
#7FB1BD
#70C1BC
Colorpallet from #C1BC70 to #BC70C1 and to #70BCC1
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C0B07D
#BEB27D
#BCB47D
#BAB67D
#B8B87D
#B6BA7D
#B4BC7D
#BFA48A
#BBA88A
#B7AC8A
#B3B08A
#B0B38A
#ACB78A
#A7BC8A
#BF9897
#B99E97
#B3A497
#ADA997
#A7AF97
#A1B597
#9ABC97
#BE8BA4
#B693A4
#AE9BA4
#A6A3A4
#9FAAA4
#97B2A4
#8DBCA4
#BD7FB1
#B389B1
#A993B1
#A09CB1
#96A6B1
#8CB0B1
#80BCB1
#BC70C1
#B07CC1
#A488C1
#9894C1
#8BA1C1
#7FADC1
#70BCC1
Colorpallet from #C1BC70 to #70C1BC and to #70BCC1
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#C1BC70
#B4BD7C
#B4BD7C
#B4BD7C
#B4BD7C
#B4BC7D
#B4BC7D
#B4BC7D
#A7BE88
#A7BE88
#A7BD89
#A7BD89
#A7BD89
#A7BC8A
#A7BC8A
#9ABE94
#9ABE94
#9ABD95
#9ABD95
#9ABD96
#9ABC96
#9ABC97
#8DBFA1
#8DBFA1
#8DBEA2
#8DBEA2
#8DBDA3
#8DBDA3
#8DBCA4
#80C0AD
#80BFAE
#80BFAE
#80BEAF
#80BDB0
#80BDB0
#80BCB1
#70C1BC
#70C0BD
#70BFBE
#70BFBE
#70BEBF
#70BDC0
#70BCC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
