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 #C7D572 to #C772D5 and to #D5C772
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7C582
#C7C77F
#C8C97D
#C8CC7A
#C8CE78
#C9D075
#C9D372
#C7B592
#C8B98D
#C8BE88
#C9C283
#CAC77E
#CACB78
#CBD172
#C7A5A2
#C8AC9A
#C9B293
#CAB98B
#CBBF83
#CDC67C
#CECE72
#C796B1
#C89FA7
#CAA79D
#CBB093
#CDB989
#CEC17F
#D0CC72
#C786C1
#C991B4
#CB9CA8
#CCA79B
#CEB28E
#D0BC82
#D2CA72
#C772D5
#C980C5
#CB8DB5
#CE9BA5
#D0A896
#D2B686
#D5C772
Colorpallet from #C7D572 to #C772D5 and to #D572C7
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7C582
#C7C582
#C8C581
#C8C581
#C8C581
#C9C580
#C9C580
#C7B592
#C8B591
#C8B590
#C9B590
#CAB58F
#CAB58E
#CBB58D
#C7A5A2
#C8A5A1
#C9A5A0
#CAA59F
#CBA59E
#CDA59C
#CEA59B
#C796B1
#C896B0
#CA96AE
#CB96AD
#CD96AB
#CE96AA
#D096A8
#C786C1
#C986BF
#CB86BD
#CC86BC
#CE86BA
#D086B8
#D286B6
#C772D5
#C972D3
#CB72D1
#CE72CE
#D072CC
#D272CA
#D572C7
Colorpallet from #C7D572 to #C772D5 and to #72C7D5
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7C582
#C5C782
#C3C982
#C0CC82
#BECE82
#BCD082
#B9D382
#C7B592
#C3B992
#BEBE92
#BAC292
#B6C792
#B1CB92
#ACD192
#C7A5A2
#C0ACA2
#BAB2A2
#B3B9A2
#ADBFA2
#A6C6A2
#9ECEA2
#C796B1
#BE9FB1
#B6A7B1
#ADB0B1
#A4B9B1
#9CC1B1
#91CCB1
#C786C1
#BC91C1
#B19CC1
#A6A7C1
#9BB2C1
#91BCC1
#83CAC1
#C772D5
#B980D5
#AC8DD5
#9E9BD5
#91A8D5
#83B6D5
#72C7D5
Colorpallet from #C7D572 to #C772D5 and to #72D5C7
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7C582
#C5C882
#C3CA81
#C0CD81
#BECF81
#BCD280
#B9D580
#C7B592
#C3BA91
#BEBF90
#BAC490
#B6C98F
#B1CF8E
#ACD58D
#C7A5A2
#C0ADA1
#BAB4A0
#B3BC9F
#ADC49E
#A6CB9C
#9ED59B
#C796B1
#BEA0B0
#B6AAAE
#ADB4AD
#A4BEAB
#9CC8AA
#91D5A8
#C786C1
#BC93BF
#B19FBD
#A6ACBC
#9BB9BA
#91C5B8
#83D5B6
#C772D5
#B982D3
#AC92D1
#9EA2CE
#91B1CC
#83C1CA
#72D5C7
Colorpallet from #C7D572 to #D5C772 and to #D572C7
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C9D372
#C9D174
#C9CF76
#C9CC79
#C9CA7B
#C9C87D
#C9C580
#CBD172
#CBCD76
#CBC87B
#CBC47F
#CBBF83
#CBBB88
#CBB58D
#CECE72
#CEC779
#CEC17F
#CEBA86
#CEB48C
#CEAD93
#CEA59B
#D0CC72
#D0C37B
#D0BB83
#D0B28C
#D0A995
#D0A19D
#D096A8
#D2CA72
#D2BF7D
#D2B488
#D2A993
#D29E9E
#D294A8
#D286B6
#D5C772
#D5B980
#D5AC8D
#D59E9B
#D591A8
#D583B6
#D572C7
Colorpallet from #C7D572 to #D5C772 and to #72C7D5
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C9D372
#C6D375
#C4D377
#C1D37A
#BFD37C
#BCD37F
#B9D382
#CBD172
#C6D177
#C1D17C
#BCD181
#B7D186
#B2D18C
#ACD192
#CECE72
#C6CE7A
#BFCE81
#B7CE89
#AFCE91
#A8CE98
#9ECEA2
#D0CC72
#C6CC7C
#BCCC86
#B2CC90
#A8CC9A
#9ECCA4
#91CCB1
#D2CA72
#C5CA7F
#B9CA8B
#ACCA98
#9FCAA5
#93CAB1
#83CAC1
#D5C772
#C5C782
#B5C792
#A5C7A2
#96C7B1
#86C7C1
#72C7D5
Colorpallet from #C7D572 to #D5C772 and to #72D5C7
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C9D372
#C6D374
#C4D476
#C1D479
#BFD47B
#BCD57D
#B9D580
#CBD172
#C6D276
#C1D27B
#BCD37F
#B7D483
#B2D488
#ACD58D
#CECE72
#C6CF79
#BFD07F
#B7D186
#AFD28C
#A8D493
#9ED59B
#D0CC72
#C6CD7B
#BCCF83
#B2D08C
#A8D295
#9ED39D
#91D5A8
#D2CA72
#C5CC7D
#B9CE88
#ACCF93
#9FD19E
#93D3A8
#83D5B6
#D5C772
#C5C980
#B5CB8D
#A5CE9B
#96D0A8
#86D2B6
#72D5C7
Colorpallet from #C7D572 to #D572C7 and to #72C7D5
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C9C580
#C6C780
#C4C981
#C1CC81
#BFCE81
#BCD082
#B9D382
#CBB58D
#C6B98E
#C1BE8F
#BCC28F
#B7C790
#B2CB91
#ACD192
#CEA59B
#C6AC9C
#BFB29D
#B7B99E
#AFBF9F
#A8C6A1
#9ECEA2
#D096A8
#C69FA9
#BCA7AB
#B2B0AC
#A8B9AE
#9EC1AF
#91CCB1
#D286B6
#C591B8
#B99CBA
#ACA7BB
#9FB2BD
#93BCBF
#83CAC1
#D572C7
#C580C9
#B58DCB
#A59BCE
#96A8D0
#86B6D2
#72C7D5
Colorpallet from #C7D572 to #D572C7 and to #72D5C7
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C9C580
#C6C880
#C4CA80
#C1CD80
#BFCF80
#BCD280
#B9D580
#CBB58D
#C6BA8D
#C1BF8D
#BCC48D
#B7C98D
#B2CF8D
#ACD58D
#CEA59B
#C6AD9B
#BFB49B
#B7BC9B
#AFC49B
#A8CB9B
#9ED59B
#D096A8
#C6A0A8
#BCAAA8
#B2B4A8
#A8BEA8
#9EC8A8
#91D5A8
#D286B6
#C593B6
#B99FB6
#ACACB6
#9FB9B6
#93C5B6
#83D5B6
#D572C7
#C582C7
#B592C7
#A5A2C7
#96B1C7
#86C1C7
#72D5C7
Colorpallet from #C7D572 to #72C7D5 and to #72D5C7
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#C7D572
#B9D382
#B9D382
#B9D481
#B9D481
#B9D481
#B9D580
#B9D580
#ACD192
#ACD291
#ACD290
#ACD390
#ACD48F
#ACD48E
#ACD58D
#9ECEA2
#9ECFA1
#9ED0A0
#9ED19F
#9ED29E
#9ED49C
#9ED59B
#91CCB1
#91CDB0
#91CFAE
#91D0AD
#91D2AB
#91D3AA
#91D5A8
#83CAC1
#83CCBF
#83CEBD
#83CFBC
#83D1BA
#83D3B8
#83D5B6
#72C7D5
#72C9D3
#72CBD1
#72CECE
#72D0CC
#72D2CA
#72D5C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
