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 #B2C17E to #B27EC1 and to #C1B27E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2B689
#B2B787
#B3B985
#B3BA84
#B3BC82
#B4BD80
#B4BF7E
#B2AC93
#B3AF90
#B4B18C
#B4B489
#B5B686
#B6B982
#B7BC7E
#B2A19E
#B3A599
#B4A994
#B5AD8F
#B6B18A
#B8B584
#B9BA7E
#B296A9
#B49BA2
#B5A19B
#B7A694
#B8AB8D
#BAB087
#BCB77E
#B28BB4
#B492AB
#B698A3
#B89F9A
#BAA691
#BCAD89
#BEB57E
#B27EC1
#B486B6
#B78FAC
#B997A1
#BC9F96
#BEA88B
#C1B27E
Colorpallet from #B2C17E to #B27EC1 and to #C17EB2
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2B689
#B2B689
#B3B688
#B3B688
#B3B687
#B4B687
#B4B686
#B2AC93
#B3AC92
#B4AC92
#B4AC91
#B5AC90
#B6AC90
#B7AC8F
#B2A19E
#B3A19D
#B4A19C
#B5A19B
#B6A19A
#B8A198
#B9A197
#B296A9
#B496A7
#B596A6
#B796A4
#B896A3
#BA96A1
#BC969F
#B28BB4
#B48BB2
#B68BB0
#B88BAE
#BA8BAC
#BC8BAA
#BE8BA8
#B27EC1
#B47EBF
#B77EBC
#B97EBA
#BC7EB7
#BE7EB5
#C17EB2
Colorpallet from #B2C17E to #B27EC1 and to #7EB2C1
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2B689
#B1B789
#AFB989
#AEBA89
#ADBC89
#ACBD89
#AABF89
#B2AC93
#AFAF93
#ADB193
#AAB493
#A7B693
#A4B993
#A1BC93
#B2A19E
#AEA59E
#AAA99E
#A6AD9E
#A2B19E
#9EB59E
#99BA9E
#B296A9
#AD9BA9
#A7A1A9
#A2A6A9
#9DABA9
#98B0A9
#91B7A9
#B28BB4
#AB92B4
#A598B4
#9E9FB4
#97A6B4
#90ADB4
#88B5B4
#B27EC1
#AA86C1
#A18FC1
#9997C1
#919FC1
#88A8C1
#7EB2C1
Colorpallet from #B2C17E to #B27EC1 and to #7EC1B2
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2B689
#B1B889
#AFBA88
#AEBB88
#ADBD87
#ACBF87
#AAC186
#B2AC93
#AFAF92
#ADB392
#AAB691
#A7B990
#A4BD90
#A1C18F
#B2A19E
#AEA69D
#AAAB9C
#A6B09B
#A2B59A
#9EBB98
#99C197
#B296A9
#AD9DA7
#A7A4A6
#A2ABA4
#9DB2A3
#98B8A1
#91C19F
#B28BB4
#AB94B2
#A59CB0
#9EA5AE
#97AEAC
#90B6AA
#88C1A8
#B27EC1
#AA89BF
#A193BC
#999EBA
#91A9B7
#88B4B5
#7EC1B2
Colorpallet from #B2C17E to #C1B27E and to #C17EB2
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B4BF7E
#B4BE7F
#B4BC81
#B4BB82
#B4B983
#B4B884
#B4B686
#B7BC7E
#B7B981
#B7B783
#B7B486
#B7B289
#B7AF8C
#B7AC8F
#B9BA7E
#B9B682
#B9B286
#B9AE8A
#B9AA8E
#B9A692
#B9A197
#BCB77E
#BCB283
#BCAC89
#BCA78E
#BCA293
#BC9D98
#BC969F
#BEB57E
#BEAE85
#BEA88B
#BEA192
#BE9A99
#BE93A0
#BE8BA8
#C1B27E
#C1AA86
#C1A18F
#C19997
#C1919F
#C188A8
#C17EB2
Colorpallet from #B2C17E to #C1B27E and to #7EB2C1
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B4BF7E
#B2BF80
#B1BF82
#AFBF83
#AEBF85
#ACBF87
#AABF89
#B7BC7E
#B3BC81
#B0BC85
#ACBC88
#A9BC8B
#A5BC8F
#A1BC93
#B9BA7E
#B4BA83
#AFBA88
#AABA8D
#A5BA92
#9FBA98
#99BA9E
#BCB77E
#B5B785
#AEB78C
#A7B793
#A0B79A
#9AB7A0
#91B7A9
#BEB57E
#B5B587
#ADB58F
#A4B598
#9BB5A1
#93B5A9
#88B5B4
#C1B27E
#B6B289
#ACB293
#A1B29E
#96B2A9
#8BB2B4
#7EB2C1
Colorpallet from #B2C17E to #C1B27E and to #7EC1B2
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B4BF7E
#B2BF7F
#B1C081
#AFC082
#AEC083
#ACC184
#AAC186
#B7BC7E
#B3BD81
#B0BE83
#ACBE86
#A9BF89
#A5C08C
#A1C18F
#B9BA7E
#B4BB82
#AFBC86
#AABD8A
#A5BE8E
#9FC092
#99C197
#BCB77E
#B5B983
#AEBA89
#A7BC8E
#A0BD93
#9ABF98
#91C19F
#BEB57E
#B5B785
#ADB98B
#A4BB92
#9BBD99
#93BFA0
#88C1A8
#C1B27E
#B6B486
#ACB78F
#A1B997
#96BC9F
#8BBEA8
#7EC1B2
Colorpallet from #B2C17E to #C17EB2 and to #7EB2C1
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B4B686
#B2B786
#B1B987
#AFBA87
#AEBC88
#ACBD88
#AABF89
#B7AC8F
#B3AF90
#B0B190
#ACB491
#A9B692
#A5B992
#A1BC93
#B9A197
#B4A598
#AFA999
#AAAD9A
#A5B19B
#9FB59D
#99BA9E
#BC969F
#B59BA1
#AEA1A2
#A7A6A4
#A0ABA5
#9AB0A7
#91B7A9
#BE8BA8
#B592AA
#AD98AC
#A49FAE
#9BA6B0
#93ADB2
#88B5B4
#C17EB2
#B686B4
#AC8FB7
#A197B9
#969FBC
#8BA8BE
#7EB2C1
Colorpallet from #B2C17E to #C17EB2 and to #7EC1B2
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B4B686
#B2B886
#B1BA86
#AFBB86
#AEBD86
#ACBF86
#AAC186
#B7AC8F
#B3AF8F
#B0B38F
#ACB68F
#A9B98F
#A5BD8F
#A1C18F
#B9A197
#B4A697
#AFAB97
#AAB097
#A5B597
#9FBB97
#99C197
#BC969F
#B59D9F
#AEA49F
#A7AB9F
#A0B29F
#9AB89F
#91C19F
#BE8BA8
#B594A8
#AD9CA8
#A4A5A8
#9BAEA8
#93B6A8
#88C1A8
#C17EB2
#B689B2
#AC93B2
#A19EB2
#96A9B2
#8BB4B2
#7EC1B2
Colorpallet from #B2C17E to #7EB2C1 and to #7EC1B2
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#B2C17E
#AABF89
#AABF89
#AAC088
#AAC088
#AAC087
#AAC187
#AAC186
#A1BC93
#A1BD92
#A1BE92
#A1BE91
#A1BF90
#A1C090
#A1C18F
#99BA9E
#99BB9D
#99BC9C
#99BD9B
#99BE9A
#99C098
#99C197
#91B7A9
#91B9A7
#91BAA6
#91BCA4
#91BDA3
#91BFA1
#91C19F
#88B5B4
#88B7B2
#88B9B0
#88BBAE
#88BDAC
#88BFAA
#88C1A8
#7EB2C1
#7EB4BF
#7EB7BC
#7EB9BA
#7EBCB7
#7EBEB5
#7EC1B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
