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 #B2C289 to #B289C2 and to #C2B289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2B992
#B2BA91
#B3BB8F
#B3BC8E
#B4BD8C
#B4BE8B
#B5BF89
#B2B09B
#B3B298
#B4B495
#B4B692
#B5B88F
#B6BA8D
#B7BD89
#B2A7A4
#B3AAA0
#B5AD9B
#B6B097
#B7B393
#B8B68E
#BABA89
#B29EAD
#B4A2A7
#B5A6A1
#B7AA9C
#B8AF96
#BAB390
#BCB889
#B294B7
#B499B0
#B69FA8
#B8A4A1
#BAA99A
#BCAE92
#BFB589
#B289C2
#B590B9
#B796B0
#BA9DA7
#BCA39E
#BFAA94
#C2B289
Colorpallet from #B2C289 to #B289C2 and to #C289B2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2B992
#B2B992
#B3B991
#B3B991
#B4B991
#B4B990
#B5B990
#B2B09B
#B3B09A
#B4B099
#B4B099
#B5B098
#B6B097
#B7B096
#B2A7A4
#B3A7A3
#B5A7A2
#B6A7A1
#B7A7A0
#B8A79E
#BAA79D
#B29EAD
#B49EAB
#B59EAA
#B79EA8
#B89EA7
#BA9EA5
#BC9EA3
#B294B7
#B494B5
#B694B3
#B894B1
#BA94AF
#BC94AD
#BF94AA
#B289C2
#B589BF
#B789BD
#BA89BA
#BC89B8
#BF89B5
#C289B2
Colorpallet from #B2C289 to #B289C2 and to #89B2C2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2B992
#B1BA92
#B0BB92
#AFBC92
#AEBD92
#ACBE92
#ABBF92
#B2B09B
#B0B29B
#AEB49B
#ACB69B
#AAB89B
#A8BA9B
#A5BD9B
#B2A7A4
#AFAAA4
#ACADA4
#A8B0A4
#A5B3A4
#A2B6A4
#9EBAA4
#B29EAD
#AEA2AD
#AAA6AD
#A6AAAD
#A1AFAD
#9DB3AD
#98B8AD
#B294B7
#AD99B7
#A79FB7
#A2A4B7
#9DA9B7
#98AEB7
#91B5B7
#B289C2
#AB90C2
#A596C2
#9E9DC2
#98A3C2
#91AAC2
#89B2C2
Colorpallet from #B2C289 to #B289C2 and to #89C2B2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2B992
#B1BA92
#B0BC91
#AFBD91
#AEBF91
#ACC090
#ABC290
#B2B09B
#B0B39A
#AEB699
#ACB999
#AABC98
#A8BE97
#A5C296
#B2A7A4
#AFABA3
#ACB0A2
#A8B4A1
#A5B8A0
#A2BD9E
#9EC29D
#B29EAD
#AEA4AB
#AAAAAA
#A6AFA8
#A1B5A7
#9DBBA5
#98C2A3
#B294B7
#AD9BB5
#A7A3B3
#A2AAB1
#9DB1AF
#98B9AD
#91C2AA
#B289C2
#AB92BF
#A59BBD
#9EA4BA
#98ADB8
#91B7B5
#89C2B2
Colorpallet from #B2C289 to #C2B289 and to #C289B2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B5BF89
#B5BE8A
#B5BD8B
#B5BC8C
#B5BB8D
#B5BA8F
#B5B990
#B7BD89
#B7BB8B
#B7B98D
#B7B78F
#B7B591
#B7B393
#B7B096
#BABA89
#BAB78C
#BAB48F
#BAB193
#BAAE96
#BAAB99
#BAA79D
#BCB889
#BCB48D
#BCB091
#BCAC95
#BCA79A
#BCA39E
#BC9EA3
#BFB589
#BFB08E
#BFAA94
#BFA599
#BFA09E
#BF9BA3
#BF94AA
#C2B289
#C2AB90
#C2A596
#C29E9D
#C298A3
#C291AA
#C289B2
Colorpallet from #B2C289 to #C2B289 and to #89B2C2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B5BF89
#B3BF8A
#B2BF8C
#B0BF8D
#AFBF8F
#ADBF90
#ABBF92
#B7BD89
#B4BD8C
#B1BD8F
#AEBD92
#ABBD95
#A9BD97
#A5BD9B
#BABA89
#B6BA8D
#B1BA92
#ADBA96
#A8BA9A
#A4BA9F
#9EBAA4
#BCB889
#B6B88F
#B0B895
#ABB89A
#A5B8A0
#9FB8A6
#98B8AD
#BFB589
#B8B590
#B0B598
#A9B59F
#A2B5A6
#9AB5AE
#91B5B7
#C2B289
#B9B292
#B0B29B
#A7B2A4
#9EB2AD
#94B2B7
#89B2C2
Colorpallet from #B2C289 to #C2B289 and to #89C2B2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B5BF89
#B3BF8A
#B2C08B
#B0C08C
#AFC18D
#ADC18F
#ABC290
#B7BD89
#B4BE8B
#B1BF8D
#AEBF8F
#ABC091
#A9C193
#A5C296
#BABA89
#B6BB8C
#B1BD8F
#ADBE93
#A8BF96
#A4C099
#9EC29D
#BCB889
#B6BA8D
#B0BB91
#ABBD95
#A5BE9A
#9FC09E
#98C2A3
#BFB589
#B8B78E
#B0B994
#A9BB99
#A2BD9E
#9ABFA3
#91C2AA
#C2B289
#B9B590
#B0B796
#A7BA9D
#9EBCA3
#94BFAA
#89C2B2
Colorpallet from #B2C289 to #C289B2 and to #89B2C2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B5B990
#B3BA90
#B2BB91
#B0BC91
#AFBD91
#ADBE92
#ABBF92
#B7B096
#B4B297
#B1B498
#AEB698
#ABB899
#A9BA9A
#A5BD9B
#BAA79D
#B6AA9E
#B1AD9F
#ADB0A0
#A8B3A1
#A4B6A3
#9EBAA4
#BC9EA3
#B6A2A5
#B0A6A6
#ABAAA8
#A5AFA9
#9FB3AB
#98B8AD
#BF94AA
#B899AC
#B09FAE
#A9A4B0
#A2A9B2
#9AAEB4
#91B5B7
#C289B2
#B990B5
#B096B7
#A79DBA
#9EA3BC
#94AABF
#89B2C2
Colorpallet from #B2C289 to #C289B2 and to #89C2B2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B5B990
#B3BA90
#B2BC90
#B0BD90
#AFBF90
#ADC090
#ABC290
#B7B096
#B4B396
#B1B696
#AEB996
#ABBC96
#A9BE96
#A5C296
#BAA79D
#B6AB9D
#B1B09D
#ADB49D
#A8B89D
#A4BD9D
#9EC29D
#BC9EA3
#B6A4A3
#B0AAA3
#ABAFA3
#A5B5A3
#9FBBA3
#98C2A3
#BF94AA
#B89BAA
#B0A3AA
#A9AAAA
#A2B1AA
#9AB9AA
#91C2AA
#C289B2
#B992B2
#B09BB2
#A7A4B2
#9EADB2
#94B7B2
#89C2B2
Colorpallet from #B2C289 to #89B2C2 and to #89C2B2
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#B2C289
#ABBF92
#ABBF92
#ABC091
#ABC091
#ABC191
#ABC190
#ABC290
#A5BD9B
#A5BE9A
#A5BF99
#A5BF99
#A5C098
#A5C197
#A5C296
#9EBAA4
#9EBBA3
#9EBDA2
#9EBEA1
#9EBFA0
#9EC09E
#9EC29D
#98B8AD
#98BAAB
#98BBAA
#98BDA8
#98BEA7
#98C0A5
#98C2A3
#91B5B7
#91B7B5
#91B9B3
#91BBB1
#91BDAF
#91BFAD
#91C2AA
#89B2C2
#89B5BF
#89B7BD
#89BABA
#89BCB8
#89BFB5
#89C2B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
