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 #C2BD6B to #C26BBD and to #BDC26B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2B078
#C2B276
#C2B474
#C2B772
#C1B970
#C1BB6E
#C1BE6B
#C2A385
#C2A781
#C1AC7D
#C1B079
#C1B574
#C0B970
#C0BF6B
#C29692
#C29D8C
#C1A386
#C1AA7F
#C1B079
#C0B773
#C0BF6B
#C2899F
#C29297
#C19B8E
#C1A386
#C0AC7E
#C0B575
#BFC06B
#C27BAD
#C186A2
#C19198
#C09D8D
#BFA883
#BFB378
#BEC16B
#C26BBD
#C179B0
#C087A3
#C09596
#BFA389
#BEB17B
#BDC26B
Colorpallet from #C2BD6B to #C26BBD and to #BD6BC2
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2B078
#C2B078
#C2B078
#C2B078
#C1B079
#C1B079
#C1B079
#C2A385
#C2A385
#C1A386
#C1A386
#C1A386
#C0A387
#C0A387
#C29692
#C29692
#C19693
#C19693
#C19694
#C09694
#C09695
#C2899F
#C289A0
#C189A0
#C189A1
#C089A2
#C089A2
#BF89A3
#C27BAD
#C17BAE
#C17BAE
#C07BAF
#BF7BB0
#BF7BB0
#BE7BB1
#C26BBD
#C16BBE
#C06BBF
#C06BBF
#BF6BC0
#BE6BC1
#BD6BC2
Colorpallet from #C2BD6B to #C26BBD and to #6BC2BD
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2B078
#C0B278
#BEB478
#BBB778
#B9B978
#B7BB78
#B4BE78
#C2A385
#BEA785
#B9AC85
#B5B085
#B0B585
#ACB985
#A6BF85
#C29692
#BB9D92
#B5A392
#AEAA92
#A7B092
#A0B792
#98BF92
#C2899F
#B9929F
#B09B9F
#A7A39F
#9EAC9F
#95B59F
#8AC09F
#C27BAD
#B786AD
#AC91AD
#A09DAD
#95A8AD
#8AB3AD
#7CC1AD
#C26BBD
#B479BD
#A687BD
#9895BD
#8AA3BD
#7CB1BD
#6BC2BD
Colorpallet from #C2BD6B to #C26BBD and to #6BBDC2
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2B078
#C0B278
#BEB478
#BBB678
#B9B879
#B7BA79
#B4BD79
#C2A385
#BEA785
#B9AB86
#B5AF86
#B0B486
#ACB887
#A6BD87
#C29692
#BB9C92
#B5A293
#AEA993
#A7AF94
#A0B594
#98BD95
#C2899F
#B991A0
#B09AA0
#A7A2A1
#9EAAA2
#95B3A2
#8ABDA3
#C27BAD
#B786AE
#AC90AE
#A09BAF
#95A5B0
#8AB0B0
#7CBDB1
#C26BBD
#B478BE
#A685BF
#9892BF
#8A9FC0
#7CADC1
#6BBDC2
Colorpallet from #C2BD6B to #BDC26B and to #BD6BC2
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C1BE6B
#C1BC6D
#C1BA6F
#C1B772
#C1B574
#C1B376
#C1B079
#C0BF6B
#C0BB6F
#C0B674
#C0B278
#C0AD7D
#C0A981
#C0A387
#C0BF6B
#C0B872
#C0B278
#C0AB7F
#C0A586
#C09E8D
#C09695
#BFC06B
#BFB774
#BFAE7D
#BFA686
#BF9D8F
#BF9498
#BF89A3
#BEC16B
#BEB676
#BEAB81
#BE9F8D
#BE9498
#BE89A3
#BE7BB1
#BDC26B
#BDB479
#BDA687
#BD9895
#BD8AA3
#BD7CB1
#BD6BC2
Colorpallet from #C2BD6B to #BDC26B and to #6BC2BD
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C1BE6B
#BFBE6D
#BDBE6F
#BBBE71
#B9BE73
#B7BE75
#B4BE78
#C0BF6B
#BCBF6F
#B8BF73
#B4BF77
#AFBF7C
#ABBF80
#A6BF85
#C0BF6B
#BABF71
#B3BF77
#ADBF7E
#A6BF84
#A0BF8A
#98BF92
#BFC06B
#B7C073
#AEC07C
#A6C084
#9DC08C
#95C095
#8AC09F
#BEC16B
#B3C176
#A9C180
#9EC18B
#94C195
#89C1A0
#7CC1AD
#BDC26B
#B0C278
#A3C285
#96C292
#89C29F
#7BC2AD
#6BC2BD
Colorpallet from #C2BD6B to #BDC26B and to #6BBDC2
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C1BE6B
#BFBE6D
#BDBE6F
#BBBE72
#B9BD74
#B7BD76
#B4BD79
#C0BF6B
#BCBF6F
#B8BE74
#B4BE78
#AFBE7D
#ABBD81
#A6BD87
#C0BF6B
#BABF72
#B3BE78
#ADBE7F
#A6BE86
#A0BD8D
#98BD95
#BFC06B
#B7C074
#AEBF7D
#A6BF86
#9DBE8F
#95BE98
#8ABDA3
#BEC16B
#B3C076
#A9C081
#9EBF8D
#94BE98
#89BEA3
#7CBDB1
#BDC26B
#B0C179
#A3C087
#96C095
#89BFA3
#7BBEB1
#6BBDC2
Colorpallet from #C2BD6B to #BD6BC2 and to #6BC2BD
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C1B079
#BFB279
#BDB479
#BBB779
#B9B978
#B7BB78
#B4BE78
#C0A387
#BCA787
#B8AC86
#B4B086
#AFB586
#ABB985
#A6BF85
#C09695
#BA9D95
#B3A394
#ADAA94
#A6B093
#A0B793
#98BF92
#BF89A3
#B792A2
#AE9BA2
#A6A3A1
#9DACA0
#95B5A0
#8AC09F
#BE7BB1
#B386B0
#A991B0
#9E9DAF
#94A8AE
#89B3AE
#7CC1AD
#BD6BC2
#B079C1
#A387C0
#9695C0
#89A3BF
#7BB1BE
#6BC2BD
Colorpallet from #C2BD6B to #BD6BC2 and to #6BBDC2
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C1B079
#BFB279
#BDB479
#BBB679
#B9B879
#B7BA79
#B4BD79
#C0A387
#BCA787
#B8AB87
#B4AF87
#AFB487
#ABB887
#A6BD87
#C09695
#BA9C95
#B3A295
#ADA995
#A6AF95
#A0B595
#98BD95
#BF89A3
#B791A3
#AE9AA3
#A6A2A3
#9DAAA3
#95B3A3
#8ABDA3
#BE7BB1
#B386B1
#A990B1
#9E9BB1
#94A5B1
#89B0B1
#7CBDB1
#BD6BC2
#B078C2
#A385C2
#9692C2
#899FC2
#7BADC2
#6BBDC2
Colorpallet from #C2BD6B to #6BC2BD and to #6BBDC2
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#C2BD6B
#B4BE78
#B4BE78
#B4BE78
#B4BE78
#B4BD79
#B4BD79
#B4BD79
#A6BF85
#A6BF85
#A6BE86
#A6BE86
#A6BE86
#A6BD87
#A6BD87
#98BF92
#98BF92
#98BE93
#98BE93
#98BE94
#98BD94
#98BD95
#8AC09F
#8AC0A0
#8ABFA0
#8ABFA1
#8ABEA2
#8ABEA2
#8ABDA3
#7CC1AD
#7CC0AE
#7CC0AE
#7CBFAF
#7CBEB0
#7CBEB0
#7CBDB1
#6BC2BD
#6BC1BE
#6BC0BF
#6BC0BF
#6BBFC0
#6BBEC1
#6BBDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
