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 #C2A2C5 to #C2C5A2 and to #A2C2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A8BF
#C1A8C0
#C0A8C1
#C0A8C2
#BFA7C3
#BEA7C4
#BDA7C5
#C2ADBA
#C0ADBC
#BFADBE
#BDADBF
#BCACC1
#BAACC3
#B8ACC5
#C2B3B4
#C0B3B7
#BDB2B9
#BBB2BC
#B8B2BF
#B6B1C2
#B3B1C5
#C2B8AF
#BFB8B3
#BCB7B6
#B8B7BA
#B5B7BD
#B2B6C1
#AEB6C5
#C2BEA9
#BEBEAD
#BABDB2
#B6BDB6
#B1BDBB
#ADBCBF
#A8BCC5
#C2C5A2
#BDC5A8
#B8C4AD
#B3C4B3
#AEC3B8
#A8C3BE
#A2C2C5
Colorpallet from #C2A2C5 to #C2C5A2 and to #A2C5C2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A8BF
#C1A8C0
#C0A8C1
#C0A8C2
#BFA8C3
#BEA8C4
#BDA8C5
#C2ADBA
#C0ADBC
#BFADBD
#BDADBF
#BCADC0
#BAADC2
#B8ADC4
#C2B3B4
#C0B3B7
#BDB3B9
#BBB3BC
#B8B3BE
#B6B3C1
#B3B3C4
#C2B8AF
#BFB8B2
#BCB8B5
#B8B8B9
#B5B8BC
#B2B8BF
#AEB8C3
#C2BEA9
#BEBEAD
#BABEB1
#B6BEB5
#B1BEBA
#ADBEBE
#A8BEC3
#C2C5A2
#BDC5A7
#B8C5AC
#B3C5B1
#AEC5B6
#A8C5BC
#A2C5C2
Colorpallet from #C2A2C5 to #C2C5A2 and to #C5C2A2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A8BF
#C2A8BF
#C2A8BF
#C2A8BF
#C2A7BF
#C2A7BF
#C2A7BF
#C2ADBA
#C2ADBA
#C2ADBA
#C2ADBA
#C3ACBA
#C3ACBA
#C3ACBA
#C2B3B4
#C2B3B4
#C2B2B4
#C2B2B4
#C3B2B4
#C3B1B4
#C3B1B4
#C2B8AF
#C2B8AF
#C3B7AF
#C3B7AF
#C3B7AF
#C4B6AF
#C4B6AF
#C2BEA9
#C2BEA9
#C3BDA9
#C3BDA9
#C3BDA9
#C4BCA9
#C4BCA9
#C2C5A2
#C2C5A2
#C3C4A2
#C3C4A2
#C4C3A2
#C4C3A2
#C5C2A2
Colorpallet from #C2A2C5 to #C2C5A2 and to #C5A2C2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A8BF
#C2A7C0
#C2A6C1
#C2A5C2
#C2A4C3
#C2A3C4
#C2A2C5
#C2ADBA
#C2ABBC
#C2A9BD
#C2A8BF
#C3A6C0
#C3A4C2
#C3A2C4
#C2B3B4
#C2B0B7
#C2AEB9
#C2ABBC
#C3A8BE
#C3A5C1
#C3A2C4
#C2B8AF
#C2B4B2
#C3B1B5
#C3ADB9
#C3AABC
#C4A6BF
#C4A2C3
#C2BEA9
#C2BAAD
#C3B5B1
#C3B1B5
#C3ACBA
#C4A8BE
#C4A2C3
#C2C5A2
#C2BFA7
#C3BAAC
#C3B4B1
#C4AFB6
#C4A9BC
#C5A2C2
Colorpallet from #C2A2C5 to #A2C2C5 and to #A2C5C2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#BDA7C5
#BDA7C5
#BDA7C5
#BDA7C5
#BDA8C5
#BDA8C5
#BDA8C5
#B8ACC5
#B8ACC5
#B8ACC5
#B8ACC5
#B8ADC4
#B8ADC4
#B8ADC4
#B3B1C5
#B3B1C5
#B3B2C5
#B3B2C5
#B3B2C4
#B3B3C4
#B3B3C4
#AEB6C5
#AEB6C5
#AEB7C4
#AEB7C4
#AEB7C4
#AEB8C3
#AEB8C3
#A8BCC5
#A8BCC5
#A8BDC4
#A8BDC4
#A8BDC4
#A8BEC3
#A8BEC3
#A2C2C5
#A2C2C5
#A2C3C4
#A2C3C4
#A2C4C3
#A2C4C3
#A2C5C2
Colorpallet from #C2A2C5 to #A2C2C5 and to #C5C2A2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#BDA7C5
#BEA7C4
#BFA7C3
#BFA7C2
#C0A7C1
#C1A7C0
#C2A7BF
#B8ACC5
#BAACC3
#BCACC1
#BDACC0
#BFACBE
#C1ACBC
#C3ACBA
#B3B1C5
#B6B1C2
#B8B1C0
#BBB1BD
#BDB1BA
#C0B1B7
#C3B1B4
#AEB6C5
#B2B6C1
#B5B6BE
#B9B6BA
#BCB6B7
#C0B6B3
#C4B6AF
#A8BCC5
#ACBCC1
#B1BCBC
#B5BCB8
#BABCB3
#BEBCAF
#C4BCA9
#A2C2C5
#A8C2BF
#ADC2BA
#B3C2B4
#B8C2AF
#BEC2A9
#C5C2A2
Colorpallet from #C2A2C5 to #A2C2C5 and to #C5A2C2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#BDA7C5
#BEA6C5
#BFA5C5
#BFA5C5
#C0A4C5
#C1A3C5
#C2A2C5
#B8ACC5
#BAAAC5
#BCA9C5
#BDA7C5
#BFA6C4
#C1A4C4
#C3A2C4
#B3B1C5
#B6AFC5
#B8ACC5
#BBAAC5
#BDA7C4
#C0A5C4
#C3A2C4
#AEB6C5
#B2B3C5
#B5B0C4
#B9ACC4
#BCA9C4
#C0A6C3
#C4A2C3
#A8BCC5
#ACB8C5
#B1B4C4
#B5B0C4
#BAABC4
#BEA7C3
#C4A2C3
#A2C2C5
#A8BDC5
#ADB8C4
#B3B3C4
#B8AEC3
#BEA8C3
#C5A2C2
Colorpallet from #C2A2C5 to #A2C5C2 and to #C5C2A2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#BDA8C5
#BEA8C4
#BFA8C3
#BFA8C2
#C0A7C1
#C1A7C0
#C2A7BF
#B8ADC4
#BAADC2
#BCADC1
#BDADBF
#BFACBE
#C1ACBC
#C3ACBA
#B3B3C4
#B6B3C1
#B8B2BF
#BBB2BC
#BDB2BA
#C0B1B7
#C3B1B4
#AEB8C3
#B2B8C0
#B5B7BD
#B9B7B9
#BCB7B6
#C0B6B3
#C4B6AF
#A8BEC3
#ACBEBF
#B1BDBB
#B5BDB7
#BABDB2
#BEBCAE
#C4BCA9
#A2C5C2
#A8C5BD
#ADC4B8
#B3C4B3
#B8C3AE
#BEC3A8
#C5C2A2
Colorpallet from #C2A2C5 to #A2C5C2 and to #C5A2C2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#BDA8C5
#BEA7C5
#BFA6C5
#BFA5C5
#C0A4C5
#C1A3C5
#C2A2C5
#B8ADC4
#BAABC4
#BCA9C4
#BDA8C4
#BFA6C4
#C1A4C4
#C3A2C4
#B3B3C4
#B6B0C4
#B8AEC4
#BBABC4
#BDA8C4
#C0A5C4
#C3A2C4
#AEB8C3
#B2B4C3
#B5B1C3
#B9ADC3
#BCAAC3
#C0A6C3
#C4A2C3
#A8BEC3
#ACBAC3
#B1B5C3
#B5B1C3
#BAACC3
#BEA8C3
#C4A2C3
#A2C5C2
#A8BFC2
#ADBAC2
#B3B4C2
#B8AFC2
#BEA9C2
#C5A2C2
Colorpallet from #C2A2C5 to #C5C2A2 and to #C5A2C2
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A2C5
#C2A7BF
#C2A6C0
#C2A5C1
#C2A5C2
#C2A4C3
#C2A3C4
#C2A2C5
#C3ACBA
#C3AABC
#C3A9BD
#C3A7BF
#C3A6C0
#C3A4C2
#C3A2C4
#C3B1B4
#C3AFB7
#C3ACB9
#C3AABC
#C3A7BE
#C3A5C1
#C3A2C4
#C4B6AF
#C4B3B2
#C4B0B5
#C4ACB9
#C4A9BC
#C4A6BF
#C4A2C3
#C4BCA9
#C4B8AD
#C4B4B1
#C4B0B5
#C4ABBA
#C4A7BE
#C4A2C3
#C5C2A2
#C5BDA7
#C5B8AC
#C5B3B1
#C5AEB6
#C5A8BC
#C5A2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts