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 #A8C880 to #A880C8 and to #C8A880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8BC8C
#A9BD8A
#AABE88
#AABF86
#ABC084
#ACC282
#ADC380
#A8B197
#AAB393
#ABB590
#ADB78C
#AEB988
#B0BB85
#B2BE80
#A8A5A3
#AAA89D
#ADAB98
#AFAF92
#B2B28D
#B4B587
#B7B980
#A89AAE
#AB9EA7
#AEA29F
#B2A698
#B5AB91
#B8AF89
#BCB480
#A88EBA
#AC93B1
#B098A7
#B49D9E
#B9A295
#BDA88C
#C2AE80
#A880C8
#AD86BC
#B28DB1
#B793A5
#BC9A9A
#C2A08E
#C8A880
Colorpallet from #A8C880 to #A880C8 and to #C880A8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8BC8C
#A9BC8B
#AABC8A
#AABC89
#ABBC88
#ACBC87
#ADBC86
#A8B197
#AAB195
#ABB194
#ADB192
#AEB191
#B0B18F
#B2B18D
#A8A5A3
#AAA5A0
#ADA59E
#AFA59B
#B2A599
#B4A596
#B7A593
#A89AAE
#AB9AAB
#AE9AA8
#B29AA4
#B59AA1
#B89A9E
#BC9A9A
#A88EBA
#AC8EB6
#B08EB2
#B48EAE
#B98EA9
#BD8EA5
#C28EA0
#A880C8
#AD80C3
#B280BE
#B780B9
#BC80B4
#C280AE
#C880A8
Colorpallet from #A8C880 to #A880C8 and to #80A8C8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8BC8C
#A7BD8C
#A6BE8C
#A5BF8C
#A4C08C
#A3C28C
#A2C38C
#A8B197
#A6B397
#A4B597
#A2B797
#A0B997
#9EBB97
#9BBE97
#A8A5A3
#A5A8A3
#A2ABA3
#9FAFA3
#9CB2A3
#99B5A3
#95B9A3
#A89AAE
#A49EAE
#A0A2AE
#9CA6AE
#97ABAE
#93AFAE
#8EB4AE
#A88EBA
#A393BA
#9E98BA
#999DBA
#94A2BA
#8EA8BA
#88AEBA
#A880C8
#A286C8
#9B8DC8
#9593C8
#8E9AC8
#88A0C8
#80A8C8
Colorpallet from #A8C880 to #A880C8 and to #80C8A8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8BC8C
#A7BE8B
#A6C08A
#A5C289
#A4C488
#A3C687
#A2C886
#A8B197
#A6B595
#A4B894
#A2BC92
#A0C091
#9EC38F
#9BC88D
#A8A5A3
#A5ABA0
#A2B09E
#9FB69B
#9CBB99
#99C196
#95C893
#A89AAE
#A4A1AB
#A0A9A8
#9CB0A4
#97B7A1
#93BF9E
#8EC89A
#A88EBA
#A397B6
#9EA1B2
#99AAAE
#94B3A9
#8EBCA5
#88C8A0
#A880C8
#A28CC3
#9B97BE
#95A3B9
#8EAEB4
#88BAAE
#80C8A8
Colorpallet from #A8C880 to #C8A880 and to #C880A8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#ADC380
#ADC281
#ADC182
#ADC083
#ADBF84
#ADBD85
#ADBC86
#B2BE80
#B2BC82
#B2BA84
#B2B886
#B2B688
#B2B48A
#B2B18D
#B7B980
#B7B683
#B7B386
#B7AF89
#B7AC8C
#B7A98F
#B7A593
#BCB480
#BCB084
#BCAC88
#BCA88C
#BCA391
#BC9F95
#BC9A9A
#C2AE80
#C2A985
#C2A48A
#C29F8F
#C29A94
#C2949A
#C28EA0
#C8A880
#C8A286
#C89B8D
#C89593
#C88E9A
#C888A0
#C880A8
Colorpallet from #A8C880 to #C8A880 and to #80A8C8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#ADC380
#ABC382
#A9C384
#A8C386
#A6C388
#A4C38A
#A2C38C
#B2BE80
#AEBE84
#ABBE87
#A7BE8B
#A3BE8F
#A0BE92
#9BBE97
#B7B980
#B2B986
#ACB98B
#A7B991
#A1B996
#9CB99C
#95B9A3
#BCB480
#B5B487
#ADB48F
#A6B496
#9FB49D
#97B4A5
#8EB4AE
#C2AE80
#B9AE89
#AFAE93
#A6AE9C
#9DAEA5
#94AEAE
#88AEBA
#C8A880
#BCA88C
#B1A897
#A5A8A3
#9AA8AE
#8EA8BA
#80A8C8
Colorpallet from #A8C880 to #C8A880 and to #80C8A8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#ADC380
#ABC481
#A9C582
#A8C583
#A6C684
#A4C785
#A2C886
#B2BE80
#AEC082
#ABC184
#A7C386
#A3C488
#A0C68A
#9BC88D
#B7B980
#B2BB83
#ACBE86
#A7C089
#A1C38C
#9CC58F
#95C893
#BCB480
#B5B784
#ADBA88
#A6BE8C
#9FC191
#97C495
#8EC89A
#C2AE80
#B9B285
#AFB68A
#A6BA8F
#9DBF94
#94C39A
#88C8A0
#C8A880
#BCAD86
#B1B28D
#A5B793
#9ABC9A
#8EC2A0
#80C8A8
Colorpallet from #A8C880 to #C880A8 and to #80A8C8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#ADBC86
#ABBD87
#A9BE88
#A8BF89
#A6C08A
#A4C28B
#A2C38C
#B2B18D
#AEB38F
#ABB590
#A7B792
#A3B993
#A0BB95
#9BBE97
#B7A593
#B2A896
#ACAB98
#A7AF9B
#A1B29D
#9CB5A0
#95B9A3
#BC9A9A
#B59E9D
#ADA2A0
#A6A6A4
#9FABA7
#97AFAA
#8EB4AE
#C28EA0
#B993A4
#AF98A8
#A69DAC
#9DA2B1
#94A8B5
#88AEBA
#C880A8
#BC86AD
#B18DB2
#A593B7
#9A9ABC
#8EA0C2
#80A8C8
Colorpallet from #A8C880 to #C880A8 and to #80C8A8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#ADBC86
#ABBE86
#A9C086
#A8C286
#A6C486
#A4C686
#A2C886
#B2B18D
#AEB58D
#ABB88D
#A7BC8D
#A3C08D
#A0C38D
#9BC88D
#B7A593
#B2AB93
#ACB093
#A7B693
#A1BB93
#9CC193
#95C893
#BC9A9A
#B5A19A
#ADA99A
#A6B09A
#9FB79A
#97BF9A
#8EC89A
#C28EA0
#B997A0
#AFA1A0
#A6AAA0
#9DB3A0
#94BCA0
#88C8A0
#C880A8
#BC8CA8
#B197A8
#A5A3A8
#9AAEA8
#8EBAA8
#80C8A8
Colorpallet from #A8C880 to #80A8C8 and to #80C8A8
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A8C880
#A2C38C
#A2C48B
#A2C58A
#A2C589
#A2C688
#A2C787
#A2C886
#9BBE97
#9BC095
#9BC194
#9BC392
#9BC491
#9BC68F
#9BC88D
#95B9A3
#95BBA0
#95BE9E
#95C09B
#95C399
#95C596
#95C893
#8EB4AE
#8EB7AB
#8EBAA8
#8EBEA4
#8EC1A1
#8EC49E
#8EC89A
#88AEBA
#88B2B6
#88B6B2
#88BAAE
#88BFA9
#88C3A5
#88C8A0
#80A8C8
#80ADC3
#80B2BE
#80B7B9
#80BCB4
#80C2AE
#80C8A8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
