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 #D4A980 to #D480A9 and to #A9D480
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A287
#D3A486
#D2A685
#D1A984
#D0AB83
#CEAD81
#CDB080
#D49C8D
#D2A08B
#D0A589
#CDA987
#CBAD85
#C9B283
#C6B780
#D49594
#D19C91
#CDA28E
#CAA98A
#C7AF87
#C3B684
#BFBE80
#D48F9A
#D09896
#CBA092
#C7A98E
#C2B289
#BEBA85
#B8C580
#D488A1
#CF939C
#C99D96
#C4A891
#BEB38C
#B9BE87
#B2CB80
#D480A9
#CD8DA2
#C69B9C
#BFA895
#B8B68F
#B2C388
#A9D480
Colorpallet from #D4A980 to #D480A9 and to #A980D4
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A287
#D3A288
#D2A289
#D1A28A
#D0A28B
#CEA28C
#CDA28D
#D49C8D
#D29C8F
#D09C91
#CD9C94
#CB9C96
#C99C98
#C69C9B
#D49594
#D19597
#CD959A
#CA959E
#C795A1
#C395A4
#BF95A8
#D48F9A
#D08F9E
#CB8FA3
#C78FA7
#C28FAC
#BE8FB0
#B88FB6
#D488A1
#CF88A6
#C988AC
#C488B1
#BE88B7
#B988BC
#B288C3
#D480A9
#CD80B0
#C680B7
#BF80BE
#B880C5
#B280CB
#A980D4
Colorpallet from #D4A980 to #D480A9 and to #80D4A9
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A287
#D2A487
#D0A687
#CEA987
#CCAB87
#CAAD87
#C7B087
#D49C8D
#D0A08D
#CBA58D
#C7A98D
#C3AD8D
#BEB28D
#B9B78D
#D49594
#CE9C94
#C7A294
#C1A994
#BAAF94
#B4B694
#ACBE94
#D48F9A
#CB989A
#C3A09A
#BAA99A
#B1B29A
#A9BA9A
#9EC59A
#D488A1
#C993A1
#BF9DA1
#B4A8A1
#A9B3A1
#9EBEA1
#91CBA1
#D480A9
#C78DA9
#B99BA9
#ACA8A9
#9EB6A9
#91C3A9
#80D4A9
Colorpallet from #D4A980 to #D480A9 and to #80A9D4
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A287
#D2A388
#D0A489
#CEA58A
#CCA68B
#CAA88C
#C7A98D
#D49C8D
#D09E8F
#CBA091
#C7A294
#C3A496
#BEA698
#B9A99B
#D49594
#CE9897
#C79B9A
#C19F9E
#BAA2A1
#B4A5A4
#ACA9A8
#D48F9A
#CB939E
#C397A3
#BA9BA7
#B1A0AC
#A9A4B0
#9EA9B6
#D488A1
#C98DA6
#BF93AC
#B498B1
#A99DB7
#9EA2BC
#91A9C3
#D480A9
#C787B0
#B98DB7
#AC94BE
#9E9AC5
#91A1CB
#80A9D4
Colorpallet from #D4A980 to #A9D480 and to #A980D4
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#CDB080
#CDAE82
#CDAC84
#CDA986
#CDA788
#CDA58A
#CDA28D
#C6B780
#C6B384
#C6AE89
#C6AA8D
#C6A691
#C6A196
#C69C9B
#BFBE80
#BFB786
#BFB18D
#BFAA93
#BFA49A
#BF9DA0
#BF95A8
#B8C580
#B8BC89
#B8B491
#B8AB9A
#B8A2A3
#B89AAB
#B88FB6
#B2CB80
#B2C08B
#B2B695
#B2ABA0
#B2A0AB
#B295B6
#B288C3
#A9D480
#A9C78D
#A9B99B
#A9ACA8
#A99EB6
#A991C3
#A980D4
Colorpallet from #D4A980 to #A9D480 and to #80D4A9
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#CDB080
#CCB081
#CBB082
#CAB083
#C9B084
#C8B086
#C7B087
#C6B780
#C4B782
#C2B784
#C0B786
#BEB788
#BCB78A
#B9B78D
#BFBE80
#BCBE83
#B9BE86
#B6BE8A
#B3BE8D
#B0BE90
#ACBE94
#B8C580
#B4C584
#B0C588
#ACC58C
#A7C591
#A3C595
#9EC59A
#B2CB80
#ADCB85
#A7CB8B
#A2CB90
#9DCB95
#98CB9A
#91CBA1
#A9D480
#A2D487
#9CD48D
#95D494
#8FD49A
#88D4A1
#80D4A9
Colorpallet from #D4A980 to #A9D480 and to #80A9D4
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#CDB080
#CCAF82
#CBAE84
#CAAD86
#C9AC88
#C8AA8A
#C7A98D
#C6B780
#C4B584
#C2B389
#C0B08D
#BEAE91
#BCAC96
#B9A99B
#BFBE80
#BCBB86
#B9B78D
#B6B493
#B3B19A
#B0ADA0
#ACA9A8
#B8C580
#B4C189
#B0BC91
#ACB89A
#A7B3A3
#A3AFAB
#9EA9B6
#B2CB80
#ADC68B
#A7C095
#A2BBA0
#9DB5AB
#98B0B6
#91A9C3
#A9D480
#A2CD8D
#9CC69B
#95BFA8
#8FB8B6
#88B2C3
#80A9D4
Colorpallet from #D4A980 to #A980D4 and to #80D4A9
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#CDA28D
#CCA48C
#CBA68B
#CAA98A
#C9AB89
#C8AD88
#C7B087
#C69C9B
#C4A099
#C2A597
#C0A994
#BEAD92
#BCB290
#B9B78D
#BF95A8
#BC9CA5
#B9A2A2
#B6A99E
#B3AF9B
#B0B698
#ACBE94
#B88FB6
#B498B2
#B0A0AD
#ACA9A9
#A7B2A4
#A3BAA0
#9EC59A
#B288C3
#AD93BE
#A79DB8
#A2A8B3
#9DB3AD
#98BEA8
#91CBA1
#A980D4
#A28DCD
#9C9BC6
#95A8BF
#8FB6B8
#88C3B2
#80D4A9
Colorpallet from #D4A980 to #A980D4 and to #80A9D4
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#CDA28D
#CCA38D
#CBA48D
#CAA58D
#C9A68D
#C8A88D
#C7A98D
#C69C9B
#C49E9B
#C2A09B
#C0A29B
#BEA49B
#BCA69B
#B9A99B
#BF95A8
#BC98A8
#B99BA8
#B69FA8
#B3A2A8
#B0A5A8
#ACA9A8
#B88FB6
#B493B6
#B097B6
#AC9BB6
#A7A0B6
#A3A4B6
#9EA9B6
#B288C3
#AD8DC3
#A793C3
#A298C3
#9D9DC3
#98A2C3
#91A9C3
#A980D4
#A287D4
#9C8DD4
#9594D4
#8F9AD4
#88A1D4
#80A9D4
Colorpallet from #D4A980 to #80D4A9 and to #80A9D4
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#D4A980
#C7B087
#C7AF88
#C7AE89
#C7AD8A
#C7AC8B
#C7AA8C
#C7A98D
#B9B78D
#B9B58F
#B9B391
#B9B094
#B9AE96
#B9AC98
#B9A99B
#ACBE94
#ACBB97
#ACB79A
#ACB49E
#ACB1A1
#ACADA4
#ACA9A8
#9EC59A
#9EC19E
#9EBCA3
#9EB8A7
#9EB3AC
#9EAFB0
#9EA9B6
#91CBA1
#91C6A6
#91C0AC
#91BBB1
#91B5B7
#91B0BC
#91A9C3
#80D4A9
#80CDB0
#80C6B7
#80BFBE
#80B8C5
#80B2CB
#80A9D4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts