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 #BC88C2 to #BCC288 and to #88BCC2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC91B9
#BB91BA
#B991BC
#B891BD
#B790BF
#B690C0
#B490C2
#BC9BAF
#B99BB2
#B79AB5
#B49AB8
#B19ABB
#AE99BE
#AB99C2
#BCA4A6
#B8A4AA
#B4A3AF
#B0A3B3
#ACA2B8
#A8A2BC
#A3A1C2
#BCAD9D
#B7ACA3
#B1ACA9
#ACABAF
#A7AAB5
#A2AABB
#9BA9C2
#BCB694
#B5B59B
#AFB5A3
#A8B4AA
#A1B3B1
#9AB3B9
#92B2C2
#BCC288
#B4C191
#ABC09B
#A3BFA4
#9BBEAD
#92BDB6
#88BCC2
Colorpallet from #BC88C2 to #BCC288 and to #88C2BC
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC91B9
#BB91BA
#B991BC
#B891BD
#B791BE
#B691BF
#B491C1
#BC9BAF
#B99BB2
#B79BB4
#B49BB7
#B19BBA
#AE9BBD
#AB9BC0
#BCA4A6
#B8A4AA
#B4A4AE
#B0A4B2
#ACA4B6
#A8A4BA
#A3A4BF
#BCAD9D
#B7ADA2
#B1ADA8
#ACADAD
#A7ADB2
#A2ADB7
#9BADBE
#BCB694
#B5B69B
#AFB6A1
#A8B6A8
#A1B6AE
#9AB6B5
#92B6BD
#BCC288
#B4C290
#ABC299
#A3C2A1
#9BC2A9
#92C2B2
#88C2BC
Colorpallet from #BC88C2 to #BCC288 and to #C2BC88
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC91B9
#BC91B9
#BC91B9
#BC91B9
#BD90B9
#BD90B9
#BD90B9
#BC9BAF
#BC9BAF
#BD9AAF
#BD9AAF
#BD9AAF
#BE99AF
#BE99AF
#BCA4A6
#BCA4A6
#BDA3A6
#BDA3A6
#BEA2A6
#BEA2A6
#BFA1A6
#BCAD9D
#BDAC9D
#BDAC9D
#BEAB9D
#BFAA9D
#BFAA9D
#C0A99D
#BCB694
#BDB594
#BEB594
#BEB494
#BFB394
#C0B394
#C1B294
#BCC288
#BDC188
#BEC088
#BFBF88
#C0BE88
#C1BD88
#C2BC88
Colorpallet from #BC88C2 to #BCC288 and to #C288BC
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC91B9
#BC90BA
#BC8EBC
#BC8DBD
#BD8BBE
#BD8ABF
#BD88C1
#BC9BAF
#BC98B2
#BD95B4
#BD92B7
#BD8FBA
#BE8CBD
#BE88C0
#BCA4A6
#BCA0AA
#BD9BAE
#BD97B2
#BE92B6
#BE8EBA
#BF88BF
#BCAD9D
#BDA7A2
#BDA1A8
#BE9BAD
#BF95B2
#BF8FB7
#C088BE
#BCB694
#BDAF9B
#BEA7A1
#BEA0A8
#BF99AE
#C091B5
#C188BD
#BCC288
#BDB990
#BEAF99
#BFA6A1
#C09DA9
#C194B2
#C288BC
Colorpallet from #BC88C2 to #88BCC2 and to #88C2BC
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#B490C2
#B490C2
#B490C2
#B490C2
#B491C1
#B491C1
#B491C1
#AB99C2
#AB99C2
#AB9AC1
#AB9AC1
#AB9AC1
#AB9BC0
#AB9BC0
#A3A1C2
#A3A1C2
#A3A2C1
#A3A2C1
#A3A3C0
#A3A3C0
#A3A4BF
#9BA9C2
#9BAAC1
#9BAAC1
#9BABC0
#9BACBF
#9BACBF
#9BADBE
#92B2C2
#92B3C1
#92B3C0
#92B4C0
#92B5BF
#92B5BE
#92B6BD
#88BCC2
#88BDC1
#88BEC0
#88BFBF
#88C0BE
#88C1BD
#88C2BC
Colorpallet from #BC88C2 to #88BCC2 and to #C2BC88
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#B490C2
#B590C1
#B790BF
#B890BE
#BA90BC
#BB90BB
#BD90B9
#AB99C2
#AE99BF
#B199BC
#B499B9
#B799B6
#BA99B3
#BE99AF
#A3A1C2
#A7A1BE
#ACA1B9
#B0A1B5
#B5A1B0
#B9A1AC
#BFA1A6
#9BA9C2
#A1A9BC
#A7A9B6
#ADA9B0
#B3A9AA
#B9A9A4
#C0A99D
#92B2C2
#9AB2BB
#A1B2B3
#A9B2AC
#B0B2A5
#B8B29D
#C1B294
#88BCC2
#91BCB9
#9BBCAF
#A4BCA6
#ADBC9D
#B6BC94
#C2BC88
Colorpallet from #BC88C2 to #88BCC2 and to #C288BC
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#B490C2
#B58FC2
#B78DC2
#B88CC2
#BA8BC1
#BB8AC1
#BD88C1
#AB99C2
#AE96C2
#B194C1
#B491C1
#B78EC1
#BA8BC0
#BE88C0
#A3A1C2
#A79DC2
#AC99C1
#B095C1
#B591C0
#B98DC0
#BF88BF
#9BA9C2
#A1A4C1
#A79EC1
#AD99C0
#B394BF
#B98FBF
#C088BE
#92B2C2
#9AABC1
#A1A5C0
#A99EC0
#B097BF
#B890BE
#C188BD
#88BCC2
#91B4C1
#9BABC0
#A4A3BF
#AD9BBE
#B692BD
#C288BC
Colorpallet from #BC88C2 to #88C2BC and to #C2BC88
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#B491C1
#B591C0
#B791BE
#B891BD
#BA90BC
#BB90BB
#BD90B9
#AB9BC0
#AE9BBD
#B19ABB
#B49AB8
#B79AB5
#BA99B2
#BE99AF
#A3A4BF
#A7A4BB
#ACA3B7
#B0A3B3
#B5A2AF
#B9A2AB
#BFA1A6
#9BADBE
#A1ACB9
#A7ACB3
#ADABAE
#B3AAA9
#B9AAA4
#C0A99D
#92B6BD
#9AB5B6
#A1B5B0
#A9B4A9
#B0B3A3
#B8B39C
#C1B294
#88C2BC
#91C1B4
#9BC0AB
#A4BFA3
#ADBE9B
#B6BD92
#C2BC88
Colorpallet from #BC88C2 to #88C2BC and to #C288BC
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#B491C1
#B590C1
#B78EC1
#B88DC1
#BA8BC1
#BB8AC1
#BD88C1
#AB9BC0
#AE98C0
#B195C0
#B492C0
#B78FC0
#BA8CC0
#BE88C0
#A3A4BF
#A7A0BF
#AC9BBF
#B097BF
#B592BF
#B98EBF
#BF88BF
#9BADBE
#A1A7BE
#A7A1BE
#AD9BBE
#B395BE
#B98FBE
#C088BE
#92B6BD
#9AAFBD
#A1A7BD
#A9A0BD
#B099BD
#B891BD
#C188BD
#88C2BC
#91B9BC
#9BAFBC
#A4A6BC
#AD9DBC
#B694BC
#C288BC
Colorpallet from #BC88C2 to #C2BC88 and to #C288BC
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BC88C2
#BD90B9
#BD8FBA
#BD8DBC
#BD8CBD
#BD8BBE
#BD8ABF
#BD88C1
#BE99AF
#BE96B2
#BE94B4
#BE91B7
#BE8EBA
#BE8BBD
#BE88C0
#BFA1A6
#BF9DAA
#BF99AE
#BF95B2
#BF91B6
#BF8DBA
#BF88BF
#C0A99D
#C0A4A2
#C09EA8
#C099AD
#C094B2
#C08FB7
#C088BE
#C1B294
#C1AB9B
#C1A5A1
#C19EA8
#C197AE
#C190B5
#C188BD
#C2BC88
#C2B490
#C2AB99
#C2A3A1
#C29BA9
#C292B2
#C288BC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
