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 #C4BF83 to #C483BF and to #BFC483
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4B58D
#C4B78B
#C4B98A
#C4BA88
#C3BC87
#C3BE85
#C3C083
#C4AC96
#C4AF93
#C3B390
#C3B68D
#C3B98A
#C2BD87
#C2C183
#C4A2A0
#C4A79B
#C3AC97
#C3B192
#C3B68D
#C2BB89
#C2C183
#C499A9
#C4A0A3
#C3A69D
#C3AD97
#C2B391
#C2BA8B
#C1C283
#C48FB3
#C397AB
#C3A0A4
#C2A89C
#C1B094
#C1B98D
#C0C383
#C483BF
#C38DB5
#C298AC
#C2A2A2
#C1AD99
#C0B78F
#BFC483
Colorpallet from #C4BF83 to #C483BF and to #BF83C4
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4B58D
#C4B58D
#C4B58D
#C4B58D
#C3B58D
#C3B58D
#C3B58D
#C4AC96
#C4AC96
#C3AC97
#C3AC97
#C3AC97
#C2AC98
#C2AC98
#C4A2A0
#C4A2A0
#C3A2A1
#C3A2A1
#C3A2A1
#C2A2A2
#C2A2A2
#C499A9
#C499AA
#C399AA
#C399AB
#C299AC
#C299AC
#C199AD
#C48FB3
#C38FB4
#C38FB4
#C28FB5
#C18FB6
#C18FB6
#C08FB7
#C483BF
#C383C0
#C283C1
#C283C1
#C183C2
#C083C3
#BF83C4
Colorpallet from #C4BF83 to #C483BF and to #83C4BF
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4B58D
#C2B78D
#C1B98D
#BFBA8D
#BEBC8D
#BCBE8D
#BAC08D
#C4AC96
#C1AF96
#BDB396
#BAB696
#B7B996
#B3BD96
#AFC196
#C4A2A0
#BFA7A0
#BAACA0
#B5B1A0
#B0B6A0
#ABBBA0
#A5C1A0
#C499A9
#BDA0A9
#B7A6A9
#B0ADA9
#A9B3A9
#A2BAA9
#9AC2A9
#C48FB3
#BC97B3
#B3A0B3
#ABA8B3
#A3B0B3
#9AB9B3
#90C3B3
#C483BF
#BA8DBF
#AF98BF
#A5A2BF
#9AADBF
#90B7BF
#83C4BF
Colorpallet from #C4BF83 to #C483BF and to #83BFC4
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4B58D
#C2B78D
#C1B88D
#BFBA8D
#BEBB8D
#BCBD8D
#BABF8D
#C4AC96
#C1AF96
#BDB297
#BAB597
#B7B897
#B3BB98
#AFBF98
#C4A2A0
#BFA7A0
#BAABA1
#B5B0A1
#B0B5A1
#ABB9A2
#A5BFA2
#C499A9
#BD9FAA
#B7A5AA
#B0ABAB
#A9B1AC
#A2B7AC
#9ABFAD
#C48FB3
#BC97B4
#B39EB4
#ABA6B5
#A3AEB6
#9AB5B6
#90BFB7
#C483BF
#BA8DC0
#AF96C1
#A5A0C1
#9AA9C2
#90B3C3
#83BFC4
Colorpallet from #C4BF83 to #BFC483 and to #BF83C4
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C3C083
#C3BE85
#C3BC86
#C3BB88
#C3B989
#C3B78B
#C3B58D
#C2C183
#C2BE86
#C2BA8A
#C2B78D
#C2B490
#C2B094
#C2AC98
#C2C183
#C2BC88
#C2B78D
#C2B292
#C2AD97
#C2A89C
#C2A2A2
#C1C283
#C1BB8A
#C1B590
#C1AE97
#C1A89E
#C1A1A5
#C199AD
#C0C383
#C0BB8B
#C0B294
#C0AA9C
#C0A2A4
#C099AD
#C08FB7
#BFC483
#BFBA8D
#BFAF98
#BFA5A2
#BF9AAD
#BF90B7
#BF83C4
Colorpallet from #C4BF83 to #BFC483 and to #83C4BF
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C3C083
#C2C085
#C0C086
#BFC088
#BDC089
#BCC08B
#BAC08D
#C2C183
#BFC186
#BCC189
#B9C18C
#B6C18F
#B3C192
#AFC196
#C2C183
#BDC188
#B9C18C
#B4C191
#AFC196
#ABC19A
#A5C1A0
#C1C283
#BBC289
#B5C28F
#AEC295
#A8C29B
#A2C2A1
#9AC2A9
#C0C383
#B8C38B
#B1C392
#A9C39A
#A1C3A2
#9AC3A9
#90C3B3
#BFC483
#B5C48D
#ACC496
#A2C4A0
#99C4A9
#8FC4B3
#83C4BF
Colorpallet from #C4BF83 to #BFC483 and to #83BFC4
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C3C083
#C2C085
#C0C086
#BFC088
#BDBF89
#BCBF8B
#BABF8D
#C2C183
#BFC186
#BCC08A
#B9C08D
#B6C090
#B3BF94
#AFBF98
#C2C183
#BDC188
#B9C08D
#B4C092
#AFC097
#ABBF9C
#A5BFA2
#C1C283
#BBC28A
#B5C190
#AEC197
#A8C09E
#A2C0A5
#9ABFAD
#C0C383
#B8C28B
#B1C294
#A9C19C
#A1C0A4
#9AC0AD
#90BFB7
#BFC483
#B5C38D
#ACC298
#A2C2A2
#99C1AD
#8FC0B7
#83BFC4
Colorpallet from #C4BF83 to #BF83C4 and to #83C4BF
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C3B58D
#C2B78D
#C0B98D
#BFBA8D
#BDBC8D
#BCBE8D
#BAC08D
#C2AC98
#BFAF98
#BCB397
#B9B697
#B6B997
#B3BD96
#AFC196
#C2A2A2
#BDA7A2
#B9ACA1
#B4B1A1
#AFB6A1
#ABBBA0
#A5C1A0
#C199AD
#BBA0AC
#B5A6AC
#AEADAB
#A8B3AA
#A2BAAA
#9AC2A9
#C08FB7
#B897B6
#B1A0B6
#A9A8B5
#A1B0B4
#9AB9B4
#90C3B3
#BF83C4
#B58DC3
#AC98C2
#A2A2C2
#99ADC1
#8FB7C0
#83C4BF
Colorpallet from #C4BF83 to #BF83C4 and to #83BFC4
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C3B58D
#C2B78D
#C0B88D
#BFBA8D
#BDBB8D
#BCBD8D
#BABF8D
#C2AC98
#BFAF98
#BCB298
#B9B598
#B6B898
#B3BB98
#AFBF98
#C2A2A2
#BDA7A2
#B9ABA2
#B4B0A2
#AFB5A2
#ABB9A2
#A5BFA2
#C199AD
#BB9FAD
#B5A5AD
#AEABAD
#A8B1AD
#A2B7AD
#9ABFAD
#C08FB7
#B897B7
#B19EB7
#A9A6B7
#A1AEB7
#9AB5B7
#90BFB7
#BF83C4
#B58DC4
#AC96C4
#A2A0C4
#99A9C4
#8FB3C4
#83BFC4
Colorpallet from #C4BF83 to #83C4BF and to #83BFC4
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#C4BF83
#BAC08D
#BAC08D
#BAC08D
#BAC08D
#BABF8D
#BABF8D
#BABF8D
#AFC196
#AFC196
#AFC097
#AFC097
#AFC097
#AFBF98
#AFBF98
#A5C1A0
#A5C1A0
#A5C0A1
#A5C0A1
#A5C0A1
#A5BFA2
#A5BFA2
#9AC2A9
#9AC2AA
#9AC1AA
#9AC1AB
#9AC0AC
#9AC0AC
#9ABFAD
#90C3B3
#90C2B4
#90C2B4
#90C1B5
#90C0B6
#90C0B6
#90BFB7
#83C4BF
#83C3C0
#83C2C1
#83C2C1
#83C1C2
#83C0C3
#83BFC4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
