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 #B4D663 to #B463D6 and to #D6B463
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4C475
#B5C672
#B6C86F
#B6CA6C
#B7CC69
#B8CE67
#B9D163
#B4B188
#B6B582
#B8B97C
#B9BD76
#BBC270
#BDC66A
#BFCB63
#B49F9A
#B7A591
#B9AB88
#BCB280
#BEB877
#C1BE6E
#C4C663
#B48CAD
#B894A1
#BB9D95
#BFA589
#C2AD7E
#C6B672
#CAC063
#B47ABF
#B884B0
#BD8FA2
#C19993
#C5A484
#CAAE75
#CFBB63
#B463D6
#B970C4
#BF7DB1
#C48A9F
#CA978C
#CFA47A
#D6B463
Colorpallet from #B4D663 to #B463D6 and to #D663B4
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4C475
#B5C474
#B6C473
#B6C473
#B7C472
#B8C471
#B9C470
#B4B188
#B6B186
#B8B184
#B9B183
#BBB181
#BDB17F
#BFB17D
#B49F9A
#B79F97
#B99F95
#BC9F92
#BE9F90
#C19F8D
#C49F8A
#B48CAD
#B88CA9
#BB8CA6
#BF8CA2
#C28C9F
#C68C9B
#CA8C97
#B47ABF
#B87ABB
#BD7AB6
#C17AB2
#C57AAE
#CA7AA9
#CF7AA4
#B463D6
#B963D1
#BF63CB
#C463C6
#CA63C0
#CF63BB
#D663B4
Colorpallet from #B4D663 to #B463D6 and to #63B4D6
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4C475
#B2C675
#B0C875
#AECA75
#ACCC75
#AACE75
#A7D175
#B4B188
#B0B588
#ACB988
#A8BD88
#A3C288
#9FC688
#9ACB88
#B49F9A
#AEA59A
#A8AB9A
#A1B29A
#9BB89A
#95BE9A
#8DC69A
#B48CAD
#AC94AD
#A39DAD
#9BA5AD
#93ADAD
#8AB6AD
#80C0AD
#B47ABF
#AA84BF
#9F8FBF
#9599BF
#8AA4BF
#80AEBF
#73BBBF
#B463D6
#A770D6
#9A7DD6
#8D8AD6
#8097D6
#73A4D6
#63B4D6
Colorpallet from #B4D663 to #B463D6 and to #63D6B4
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4C475
#B2C774
#B0CA73
#AECD73
#ACD072
#AAD271
#A7D670
#B4B188
#B0B786
#ACBD84
#A8C383
#A3C981
#9FCF7F
#9AD67D
#B49F9A
#AEA897
#A8B195
#A1B992
#9BC290
#95CB8D
#8DD68A
#B48CAD
#AC98A9
#A3A4A6
#9BB0A2
#93BB9F
#8AC79B
#80D697
#B47ABF
#AA89BB
#9F97B6
#95A6B2
#8AB5AE
#80C4A9
#73D6A4
#B463D6
#A775D1
#9A88CB
#8D9AC6
#80ADC0
#73BFBB
#63D6B4
Colorpallet from #B4D663 to #D6B463 and to #D663B4
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B9D163
#B9CF65
#B9CD67
#B9CB69
#B9C96B
#B9C76D
#B9C470
#BFCB63
#BFC767
#BFC36B
#BFBF6F
#BFBA74
#BFB678
#BFB17D
#C4C663
#C4C069
#C4BA6F
#C4B376
#C4AD7C
#C4A782
#C49F8A
#CAC063
#CAB86B
#CAAF74
#CAA77C
#CA9F84
#CA968D
#CA8C97
#CFBB63
#CFB16D
#CFA678
#CF9C82
#CF918D
#CF8797
#CF7AA4
#D6B463
#D6A770
#D69A7D
#D68D8A
#D68097
#D673A4
#D663B4
Colorpallet from #B4D663 to #D6B463 and to #63B4D6
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B9D163
#B6D166
#B3D169
#B0D16C
#ADD16F
#ABD171
#A7D175
#BFCB63
#B9CB69
#B3CB6F
#ADCB75
#A7CB7B
#A1CB81
#9ACB88
#C4C663
#BBC66C
#B2C675
#AAC67D
#A1C686
#98C68F
#8DC69A
#CAC063
#BEC06F
#B2C07B
#A6C087
#9BC092
#8FC09E
#80C0AD
#CFBB63
#C0BB72
#B2BB80
#A3BB8F
#94BB9E
#85BBAD
#73BBBF
#D6B463
#C4B475
#B1B488
#9FB49A
#8CB4AD
#7AB4BF
#63B4D6
Colorpallet from #B4D663 to #D6B463 and to #63D6B4
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B9D163
#B6D265
#B3D367
#B0D369
#ADD46B
#ABD56D
#A7D670
#BFCB63
#B9CD67
#B3CF6B
#ADD06F
#A7D274
#A1D478
#9AD67D
#C4C663
#BBC969
#B2CB6F
#AACE76
#A1D07C
#98D382
#8DD68A
#CAC063
#BEC46B
#B2C774
#A6CB7C
#9BCE84
#8FD28D
#80D697
#CFBB63
#C0BF6D
#B2C478
#A3C882
#94CC8D
#85D197
#73D6A4
#D6B463
#C4B970
#B1BF7D
#9FC48A
#8CCA97
#7ACFA4
#63D6B4
Colorpallet from #B4D663 to #D663B4 and to #63B4D6
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B9C470
#B6C671
#B3C872
#B0CA72
#ADCC73
#ABCE74
#A7D175
#BFB17D
#B9B57F
#B3B981
#ADBD82
#A7C284
#A1C686
#9ACB88
#C49F8A
#BBA58D
#B2AB8F
#AAB292
#A1B894
#98BE97
#8DC69A
#CA8C97
#BE949B
#B29D9E
#A6A5A2
#9BADA5
#8FB6A9
#80C0AD
#CF7AA4
#C084A8
#B28FAD
#A399B1
#94A4B5
#85AEBA
#73BBBF
#D663B4
#C470B9
#B17DBF
#9F8AC4
#8C97CA
#7AA4CF
#63B4D6
Colorpallet from #B4D663 to #D663B4 and to #63D6B4
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B9C470
#B6C770
#B3CA70
#B0CD70
#ADD070
#ABD270
#A7D670
#BFB17D
#B9B77D
#B3BD7D
#ADC37D
#A7C97D
#A1CF7D
#9AD67D
#C49F8A
#BBA88A
#B2B18A
#AAB98A
#A1C28A
#98CB8A
#8DD68A
#CA8C97
#BE9897
#B2A497
#A6B097
#9BBB97
#8FC797
#80D697
#CF7AA4
#C089A4
#B297A4
#A3A6A4
#94B5A4
#85C4A4
#73D6A4
#D663B4
#C475B4
#B188B4
#9F9AB4
#8CADB4
#7ABFB4
#63D6B4
Colorpallet from #B4D663 to #63B4D6 and to #63D6B4
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#B4D663
#A7D175
#A7D274
#A7D373
#A7D373
#A7D472
#A7D571
#A7D670
#9ACB88
#9ACD86
#9ACF84
#9AD083
#9AD281
#9AD47F
#9AD67D
#8DC69A
#8DC997
#8DCB95
#8DCE92
#8DD090
#8DD38D
#8DD68A
#80C0AD
#80C4A9
#80C7A6
#80CBA2
#80CE9F
#80D29B
#80D697
#73BBBF
#73BFBB
#73C4B6
#73C8B2
#73CCAE
#73D1A9
#73D6A4
#63B4D6
#63B9D1
#63BFCB
#63C4C6
#63CAC0
#63CFBB
#63D6B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
