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 #CF8E77 to #CF778E and to #8ECF77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8A7B
#CD8C7A
#CC8E7A
#CA9179
#C99378
#C79578
#C59877
#CF877E
#CC8B7D
#C8907C
#C5947B
#C2997A
#BE9D78
#BAA377
#CF8382
#CA8A80
#C5907E
#C0977D
#BB9E7B
#B6A579
#B0AD77
#CF7F86
#C88884
#C29181
#BB9A7F
#B4A37C
#ADAD7A
#A5B877
#CF7C89
#C78786
#BE9283
#B69E80
#AEA97D
#A5B47B
#9BC277
#CF778E
#C5858A
#BA9387
#B0A183
#A5AF7F
#9BBD7C
#8ECF77
Colorpallet from #CF8E77 to #CF778E and to #8E77CF
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8A7B
#CD8A7D
#CC8A7E
#CA8A80
#C98A81
#C78A83
#C58A85
#CF877E
#CC8781
#C88785
#C58788
#C2878B
#BE878F
#BA8793
#CF8382
#CA8387
#C5838C
#C08391
#BB8396
#B6839B
#B083A1
#CF7F86
#C87F8D
#C27F93
#BB7F9A
#B47FA0
#AD7FA7
#A57FAF
#CF7C89
#C77C91
#BE7C9A
#B67CA2
#AE7CAA
#A57CB3
#9B7CBD
#CF778E
#C57798
#BA77A3
#B077AD
#A577B8
#9B77C2
#8E77CF
Colorpallet from #CF8E77 to #CF778E and to #77CF8E
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8A7B
#CD8C7B
#CB8E7B
#C8917B
#C6937B
#C4957B
#C1987B
#CF877E
#CB8B7E
#C6907E
#C2947E
#BD997E
#B99D7E
#B3A37E
#CF8382
#C88A82
#C29082
#BB9782
#B49E82
#ADA582
#A5AD82
#CF7F86
#C68886
#BD9186
#B49A86
#ABA386
#A2AD86
#97B886
#CF7C89
#C48789
#B99289
#AD9E89
#A2A989
#97B489
#89C289
#CF778E
#C1858E
#B3938E
#A5A18E
#97AF8E
#89BD8E
#77CF8E
Colorpallet from #CF8E77 to #CF778E and to #778ECF
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8A7B
#CD8B7D
#CB8B7E
#C88C80
#C68D81
#C48D83
#C18E85
#CF877E
#CB8881
#C68985
#C28A88
#BD8B8B
#B98D8F
#B38E93
#CF8382
#C88587
#C2878C
#BB8891
#B48A96
#AD8C9B
#A58EA1
#CF7F86
#C6818D
#BD8493
#B4869A
#AB89A0
#A28BA7
#978EAF
#CF7C89
#C47F91
#B9829A
#AD85A2
#A288AA
#978AB3
#898EBD
#CF778E
#C17B98
#B37EA3
#A582AD
#9786B8
#8989C2
#778ECF
Colorpallet from #CF8E77 to #8ECF77 and to #8E77CF
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#C59877
#C59679
#C5947B
#C5917E
#C58F80
#C58D82
#C58A85
#BAA377
#BA9F7B
#BA9A80
#BA9684
#BA9189
#BA8D8D
#BA8793
#B0AD77
#B0A67E
#B0A084
#B0998B
#B09292
#B08B99
#B083A1
#A5B877
#A5AF80
#A5A689
#A59D92
#A5949B
#A58AA4
#A57FAF
#9BC277
#9BB782
#9BAC8D
#9BA099
#9B95A4
#9B8AAF
#9B7CBD
#8ECF77
#8EC185
#8EB393
#8EA5A1
#8E97AF
#8E89BD
#8E77CF
Colorpallet from #CF8E77 to #8ECF77 and to #77CF8E
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#C59877
#C49878
#C49878
#C39879
#C2987A
#C2987A
#C1987B
#BAA377
#B9A378
#B8A379
#B7A37A
#B6A37B
#B4A37D
#B3A37E
#B0AD77
#AEAD79
#ACAD7B
#ABAD7C
#A9AD7E
#A7AD80
#A5AD82
#A5B877
#A3B879
#A1B87C
#9EB87E
#9CB881
#9AB883
#97B886
#9BC277
#98C27A
#95C27D
#92C280
#8FC283
#8DC285
#89C289
#8ECF77
#8ACF7B
#87CF7E
#83CF82
#7FCF86
#7CCF89
#77CF8E
Colorpallet from #CF8E77 to #8ECF77 and to #778ECF
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#C59877
#C49679
#C4957B
#C3937E
#C29280
#C29082
#C18E85
#BAA377
#B9A07B
#B89C80
#B79984
#B69689
#B4928D
#B38E93
#B0AD77
#AEA87E
#ACA384
#AB9E8B
#A99992
#A79499
#A58EA1
#A5B877
#A3B180
#A1AB89
#9EA492
#9C9D9B
#9A96A4
#978EAF
#9BC277
#98BA82
#95B18D
#92A999
#8FA1A4
#8D98AF
#898EBD
#8ECF77
#8AC585
#87BA93
#83B0A1
#7FA5AF
#7C9BBD
#778ECF
Colorpallet from #CF8E77 to #8E77CF and to #77CF8E
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#C58A85
#C48C83
#C48E82
#C39180
#C2937F
#C2957D
#C1987B
#BA8793
#B98B90
#B8908C
#B79489
#B69986
#B49D82
#B3A37E
#B083A1
#AE8A9C
#AC9097
#AB9792
#A99E8D
#A7A588
#A5AD82
#A57FAF
#A388A8
#A191A2
#9E9A9B
#9CA395
#9AAD8E
#97B886
#9B7CBD
#9887B5
#9592AC
#929EA4
#8FA99C
#8DB493
#89C289
#8E77CF
#8A85C5
#8793BA
#83A1B0
#7FAFA5
#7CBD9B
#77CF8E
Colorpallet from #CF8E77 to #8E77CF and to #778ECF
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#C58A85
#C48B85
#C48B85
#C38C85
#C28D85
#C28D85
#C18E85
#BA8793
#B98893
#B88993
#B78A93
#B68B93
#B48D93
#B38E93
#B083A1
#AE85A1
#AC87A1
#AB88A1
#A98AA1
#A78CA1
#A58EA1
#A57FAF
#A381AF
#A184AF
#9E86AF
#9C89AF
#9A8BAF
#978EAF
#9B7CBD
#987FBD
#9582BD
#9285BD
#8F88BD
#8D8ABD
#898EBD
#8E77CF
#8A7BCF
#877ECF
#8382CF
#7F86CF
#7C89CF
#778ECF
Colorpallet from #CF8E77 to #77CF8E and to #778ECF
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#CF8E77
#C1987B
#C1967D
#C1957E
#C19380
#C19281
#C19083
#C18E85
#B3A37E
#B3A081
#B39C85
#B39988
#B3968B
#B3928F
#B38E93
#A5AD82
#A5A887
#A5A38C
#A59E91
#A59996
#A5949B
#A58EA1
#97B886
#97B18D
#97AB93
#97A49A
#979DA0
#9796A7
#978EAF
#89C289
#89BA91
#89B19A
#89A9A2
#89A1AA
#8998B3
#898EBD
#77CF8E
#77C598
#77BAA3
#77B0AD
#77A5B8
#779BC2
#778ECF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
