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 #B8C488 to #B888C4 and to #C4B888
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8BA92
#B8BB90
#B9BD8F
#B9BE8D
#B9BF8C
#BAC08A
#BAC288
#B8B19B
#B9B398
#B9B695
#BAB892
#BBBB8F
#BBBD8C
#BCC088
#B8A7A5
#B9ABA0
#BAAE9C
#BBB297
#BCB692
#BDB98E
#BEBE88
#B89EAE
#B9A3A8
#BBA8A2
#BCAC9C
#BDB196
#BEB690
#C0BC88
#B894B8
#BA9AB0
#BBA0A9
#BDA6A1
#BEAC99
#C0B292
#C2BA88
#B888C4
#BA90BA
#BC97B1
#BE9FA7
#C0A79E
#C2AE94
#C4B888
Colorpallet from #B8C488 to #B888C4 and to #C488B8
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8BA92
#B8BA92
#B9BA91
#B9BA91
#B9BA91
#BABA90
#BABA90
#B8B19B
#B9B19A
#B9B19A
#BAB199
#BBB198
#BBB198
#BCB197
#B8A7A5
#B9A7A4
#BAA7A3
#BBA7A2
#BCA7A1
#BDA7A0
#BEA79F
#B89EAE
#B99EAD
#BB9EAC
#BC9EAB
#BD9EAA
#BE9EA8
#C09EA7
#B894B8
#BA94B6
#BB94B5
#BD94B3
#BE94B2
#C094B0
#C294AE
#B888C4
#BA88C2
#BC88C0
#BE88BE
#C088BC
#C288BA
#C488B8
Colorpallet from #B8C488 to #B888C4 and to #88B8C4
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8BA92
#B7BB92
#B5BD92
#B4BE92
#B3BF92
#B2C092
#B0C292
#B8B19B
#B6B39B
#B3B69B
#B1B89B
#AEBB9B
#ACBD9B
#A9C09B
#B8A7A5
#B4ABA5
#B1AEA5
#ADB2A5
#A9B6A5
#A6B9A5
#A1BEA5
#B89EAE
#B3A3AE
#AEA8AE
#A9ACAE
#A4B1AE
#9FB6AE
#99BCAE
#B894B8
#B29AB8
#ACA0B8
#A6A6B8
#A0ACB8
#9AB2B8
#92BAB8
#B888C4
#B090C4
#A997C4
#A19FC4
#99A7C4
#92AEC4
#88B8C4
Colorpallet from #B8C488 to #B888C4 and to #88C4B8
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8BA92
#B7BC92
#B5BD91
#B4BF91
#B3C091
#B2C290
#B0C490
#B8B19B
#B6B49A
#B3B79A
#B1BA99
#AEBD98
#ACC098
#A9C497
#B8A7A5
#B4ACA4
#B1B0A3
#ADB5A2
#A9BAA1
#A6BEA0
#A1C49F
#B89EAE
#B3A4AD
#AEAAAC
#A9B0AB
#A4B6AA
#9FBCA8
#99C4A7
#B894B8
#B29CB6
#ACA3B5
#A6ABB3
#A0B3B2
#9ABAB0
#92C4AE
#B888C4
#B092C2
#A99BC0
#A1A5BE
#99AEBC
#92B8BA
#88C4B8
Colorpallet from #B8C488 to #C4B888 and to #C488B8
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#BAC288
#BAC189
#BABF8B
#BABE8C
#BABD8D
#BABC8E
#BABA90
#BCC088
#BCBE8A
#BCBB8D
#BCB98F
#BCB692
#BCB494
#BCB197
#BEBE88
#BEBA8C
#BEB78F
#BEB393
#BEAF97
#BEAC9A
#BEA79F
#C0BC88
#C0B78D
#C0B292
#C0AE97
#C0A99C
#C0A4A1
#C09EA7
#C2BA88
#C2B48E
#C2AE94
#C2A89A
#C2A2A0
#C29CA6
#C294AE
#C4B888
#C4B090
#C4A997
#C4A19F
#C499A7
#C492AE
#C488B8
Colorpallet from #B8C488 to #C4B888 and to #88B8C4
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#BAC288
#B8C28A
#B7C28B
#B5C28D
#B4C28E
#B2C290
#B0C292
#BCC088
#B9C08B
#B6C08E
#B3C091
#B0C094
#ADC097
#A9C09B
#BEBE88
#B9BE8D
#B5BE91
#B0BE96
#ABBE9B
#A7BE9F
#A1BEA5
#C0BC88
#BABC8E
#B4BC94
#ADBC9A
#A7BCA0
#A1BCA6
#99BCAE
#C2BA88
#BABA90
#B3BA97
#ABBA9F
#A3BAA7
#9CBAAE
#92BAB8
#C4B888
#BAB892
#B1B89B
#A7B8A5
#9EB8AE
#94B8B8
#88B8C4
Colorpallet from #B8C488 to #C4B888 and to #88C4B8
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#BAC288
#B8C289
#B7C38B
#B5C38C
#B4C38D
#B2C48E
#B0C490
#BCC088
#B9C18A
#B6C18D
#B3C28F
#B0C392
#ADC394
#A9C497
#BEBE88
#B9BF8C
#B5C08F
#B0C193
#ABC297
#A7C39A
#A1C49F
#C0BC88
#BABD8D
#B4BF92
#ADC097
#A7C19C
#A1C2A1
#99C4A7
#C2BA88
#BABC8E
#B3BD94
#ABBF9A
#A3C0A0
#9CC2A6
#92C4AE
#C4B888
#BABA90
#B1BC97
#A7BE9F
#9EC0A7
#94C2AE
#88C4B8
Colorpallet from #B8C488 to #C488B8 and to #88B8C4
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#BABA90
#B8BB90
#B7BD91
#B5BE91
#B4BF91
#B2C092
#B0C292
#BCB197
#B9B398
#B6B698
#B3B899
#B0BB9A
#ADBD9A
#A9C09B
#BEA79F
#B9ABA0
#B5AEA1
#B0B2A2
#ABB6A3
#A7B9A4
#A1BEA5
#C09EA7
#BAA3A8
#B4A8A9
#ADACAA
#A7B1AB
#A1B6AD
#99BCAE
#C294AE
#BA9AB0
#B3A0B1
#ABA6B3
#A3ACB4
#9CB2B6
#92BAB8
#C488B8
#BA90BA
#B197BC
#A79FBE
#9EA7C0
#94AEC2
#88B8C4
Colorpallet from #B8C488 to #C488B8 and to #88C4B8
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#BABA90
#B8BC90
#B7BD90
#B5BF90
#B4C090
#B2C290
#B0C490
#BCB197
#B9B497
#B6B797
#B3BA97
#B0BD97
#ADC097
#A9C497
#BEA79F
#B9AC9F
#B5B09F
#B0B59F
#ABBA9F
#A7BE9F
#A1C49F
#C09EA7
#BAA4A7
#B4AAA7
#ADB0A7
#A7B6A7
#A1BCA7
#99C4A7
#C294AE
#BA9CAE
#B3A3AE
#ABABAE
#A3B3AE
#9CBAAE
#92C4AE
#C488B8
#BA92B8
#B19BB8
#A7A5B8
#9EAEB8
#94B8B8
#88C4B8
Colorpallet from #B8C488 to #88B8C4 and to #88C4B8
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B8C488
#B0C292
#B0C292
#B0C391
#B0C391
#B0C391
#B0C490
#B0C490
#A9C09B
#A9C19A
#A9C19A
#A9C299
#A9C398
#A9C398
#A9C497
#A1BEA5
#A1BFA4
#A1C0A3
#A1C1A2
#A1C2A1
#A1C3A0
#A1C49F
#99BCAE
#99BDAD
#99BFAC
#99C0AB
#99C1AA
#99C2A8
#99C4A7
#92BAB8
#92BCB6
#92BDB5
#92BFB3
#92C0B2
#92C2B0
#92C4AE
#88B8C4
#88BAC2
#88BCC0
#88BEBE
#88C0BC
#88C2BA
#88C4B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
