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 #D3BD80 to #D380BD and to #BDD380
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3B38A
#D2B588
#D2B787
#D1BA85
#D0BC84
#D0BE82
#CFC180
#D3A994
#D2AD91
#D1B28E
#D0B68A
#CFBA87
#CDBF84
#CCC480
#D3A09D
#D1A698
#CFAD94
#CEB38F
#CCBA8A
#CAC086
#C8C880
#D396A7
#D19EA1
#CFA79B
#CCAF94
#CAB88E
#C8C088
#C5CB80
#D38CB1
#D097A9
#CDA1A1
#CAAC99
#C7B792
#C5C28A
#C1CF80
#D380BD
#CF8DB3
#CC9BA9
#C8A8A0
#C5B596
#C1C28C
#BDD380
Colorpallet from #D3BD80 to #D380BD and to #BD80D3
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3B38A
#D2B38A
#D2B38B
#D1B38B
#D0B38C
#D0B38C
#CFB38D
#D3A994
#D2A995
#D1A996
#D0A997
#CFA998
#CDA99A
#CCA99B
#D3A09D
#D1A09F
#CFA0A1
#CEA0A2
#CCA0A4
#CAA0A6
#C8A0A8
#D396A7
#D196A9
#CF96AB
#CC96AE
#CA96B0
#C896B2
#C596B5
#D38CB1
#D08CB4
#CD8CB6
#CA8CB9
#C78CBC
#C58CBF
#C18CC2
#D380BD
#CF80C1
#CC80C4
#C880C8
#C580CB
#C180CF
#BD80D3
Colorpallet from #D3BD80 to #D380BD and to #80D3BD
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3B38A
#D1B58A
#CFB78A
#CDBA8A
#CBBC8A
#C9BE8A
#C6C18A
#D3A994
#CFAD94
#CAB294
#C6B694
#C2BA94
#BDBF94
#B8C494
#D3A09D
#CDA69D
#C6AD9D
#C0B39D
#B9BA9D
#B3C09D
#ABC89D
#D396A7
#CB9EA7
#C2A7A7
#BAAFA7
#B1B8A7
#A9C0A7
#9ECBA7
#D38CB1
#C897B1
#BEA1B1
#B3ACB1
#A9B7B1
#9EC2B1
#91CFB1
#D380BD
#C68DBD
#B89BBD
#ABA8BD
#9EB5BD
#91C2BD
#80D3BD
Colorpallet from #D3BD80 to #D380BD and to #80BDD3
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3B38A
#D1B58A
#CFB68B
#CDB88B
#CBB98C
#C9BB8C
#C6BD8D
#D3A994
#CFAC95
#CAAF96
#C6B397
#C2B698
#BDB99A
#B8BD9B
#D3A09D
#CDA59F
#C6A9A1
#C0AEA2
#B9B3A4
#B3B7A6
#ABBDA8
#D396A7
#CB9CA9
#C2A2AB
#BAA9AE
#B1AFB0
#A9B5B2
#9EBDB5
#D38CB1
#C894B4
#BE9CB6
#B3A4B9
#A9ABBC
#9EB3BF
#91BDC2
#D380BD
#C68AC1
#B894C4
#AB9DC8
#9EA7CB
#91B1CF
#80BDD3
Colorpallet from #D3BD80 to #BDD380 and to #BD80D3
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#CFC180
#CFBF82
#CFBD84
#CFBA86
#CFB888
#CFB68A
#CFB38D
#CCC480
#CCC084
#CCBB89
#CCB78D
#CCB391
#CCAE96
#CCA99B
#C8C880
#C8C286
#C8BB8D
#C8B593
#C8AE9A
#C8A8A0
#C8A0A8
#C5CB80
#C5C388
#C5BA91
#C5B299
#C5A9A2
#C5A1AA
#C596B5
#C1CF80
#C1C48B
#C1BA95
#C1AFA0
#C1A4AA
#C199B5
#C18CC2
#BDD380
#BDC68D
#BDB89B
#BDABA8
#BD9EB5
#BD91C2
#BD80D3
Colorpallet from #D3BD80 to #BDD380 and to #80D3BD
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#CFC180
#CEC182
#CCC183
#CBC185
#C9C186
#C8C188
#C6C18A
#CCC480
#C9C483
#C6C486
#C2C48A
#BFC48D
#BCC490
#B8C494
#C8C880
#C3C885
#BFC889
#BAC88E
#B5C893
#B1C897
#ABC89D
#C5CB80
#BFCB86
#B9CB8C
#B2CB93
#ACCB99
#A6CB9F
#9ECBA7
#C1CF80
#B9CF88
#B2CF90
#AACF98
#A2CF9F
#9BCFA7
#91CFB1
#BDD380
#B3D38A
#A9D394
#A0D39D
#96D3A7
#8CD3B1
#80D3BD
Colorpallet from #D3BD80 to #BDD380 and to #80BDD3
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#CFC180
#CEC082
#CCC084
#CBBF86
#C9BE88
#C8BE8A
#C6BD8D
#CCC480
#C9C384
#C6C289
#C2C18D
#BFC091
#BCBE96
#B8BD9B
#C8C880
#C3C686
#BFC48D
#BAC393
#B5C19A
#B1BFA0
#ABBDA8
#C5CB80
#BFC988
#B9C791
#B2C499
#ACC2A2
#A6C0AA
#9EBDB5
#C1CF80
#B9CC8B
#B2C995
#AAC6A0
#A2C3AA
#9BC1B5
#91BDC2
#BDD380
#B3CF8D
#A9CC9B
#A0C8A8
#96C5B5
#8CC1C2
#80BDD3
Colorpallet from #D3BD80 to #BD80D3 and to #80D3BD
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#CFB38D
#CEB58D
#CCB78C
#CBBA8C
#C9BC8B
#C8BE8B
#C6C18A
#CCA99B
#C9AD9A
#C6B299
#C2B698
#BFBA97
#BCBF95
#B8C494
#C8A0A8
#C3A6A6
#BFADA4
#BAB3A3
#B5BAA1
#B1C09F
#ABC89D
#C596B5
#BF9EB3
#B9A7B1
#B2AFAE
#ACB8AC
#A6C0AA
#9ECBA7
#C18CC2
#B997BF
#B2A1BD
#AAACBA
#A2B7B7
#9BC2B4
#91CFB1
#BD80D3
#B38DCF
#A99BCC
#A0A8C8
#96B5C5
#8CC2C1
#80D3BD
Colorpallet from #D3BD80 to #BD80D3 and to #80BDD3
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#CFB38D
#CEB58D
#CCB68D
#CBB88D
#C9B98D
#C8BB8D
#C6BD8D
#CCA99B
#C9AC9B
#C6AF9B
#C2B39B
#BFB69B
#BCB99B
#B8BD9B
#C8A0A8
#C3A5A8
#BFA9A8
#BAAEA8
#B5B3A8
#B1B7A8
#ABBDA8
#C596B5
#BF9CB5
#B9A2B5
#B2A9B5
#ACAFB5
#A6B5B5
#9EBDB5
#C18CC2
#B994C2
#B29CC2
#AAA4C2
#A2ABC2
#9BB3C2
#91BDC2
#BD80D3
#B38AD3
#A994D3
#A09DD3
#96A7D3
#8CB1D3
#80BDD3
Colorpallet from #D3BD80 to #80D3BD and to #80BDD3
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#D3BD80
#C6C18A
#C6C08A
#C6C08B
#C6BF8B
#C6BE8C
#C6BE8C
#C6BD8D
#B8C494
#B8C395
#B8C296
#B8C197
#B8C098
#B8BE9A
#B8BD9B
#ABC89D
#ABC69F
#ABC4A1
#ABC3A2
#ABC1A4
#ABBFA6
#ABBDA8
#9ECBA7
#9EC9A9
#9EC7AB
#9EC4AE
#9EC2B0
#9EC0B2
#9EBDB5
#91CFB1
#91CCB4
#91C9B6
#91C6B9
#91C3BC
#91C1BF
#91BDC2
#80D3BD
#80CFC1
#80CCC4
#80C8C8
#80C5CB
#80C1CF
#80BDD3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
