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 #C2A2C7 to #C2C7A2 and to #A2C2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A8C1
#C1A8C2
#C0A8C3
#C0A8C4
#BFA7C5
#BEA7C6
#BDA7C7
#C2AEBB
#C0AEBD
#BFADBF
#BDADC1
#BCADC3
#BAACC5
#B8ACC7
#C2B4B5
#C0B4B8
#BDB3BB
#BBB3BE
#B8B2C1
#B6B2C3
#B3B1C7
#C2BAAF
#BFB9B3
#BCB9B7
#B8B8BB
#B5B7BE
#B2B7C2
#AEB6C7
#C2C0A9
#BEBFAE
#BABFB3
#B6BEB7
#B1BDBC
#ADBDC1
#A8BCC7
#C2C7A2
#BDC6A8
#B8C5AE
#B3C5B4
#AEC4BA
#A8C3C0
#A2C2C7
Colorpallet from #C2A2C7 to #C2C7A2 and to #A2C7C2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A8C1
#C1A8C2
#C0A8C3
#C0A8C3
#BFA8C4
#BEA8C5
#BDA8C6
#C2AEBB
#C0AEBD
#BFAEBE
#BDAEC0
#BCAEC1
#BAAEC3
#B8AEC5
#C2B4B5
#C0B4B8
#BDB4BA
#BBB4BD
#B8B4BF
#B6B4C2
#B3B4C5
#C2BAAF
#BFBAB2
#BCBAB6
#B8BAB9
#B5BABC
#B2BAC0
#AEBAC4
#C2C0A9
#BEC0AD
#BAC0B1
#B6C0B5
#B1C0BA
#ADC0BE
#A8C0C3
#C2C7A2
#BDC7A7
#B8C7AC
#B3C7B1
#AEC7B6
#A8C7BC
#A2C7C2
Colorpallet from #C2A2C7 to #C2C7A2 and to #C7C2A2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A8C1
#C2A8C1
#C2A8C1
#C2A8C1
#C3A7C1
#C3A7C1
#C3A7C1
#C2AEBB
#C2AEBB
#C3ADBB
#C3ADBB
#C3ADBB
#C4ACBB
#C4ACBB
#C2B4B5
#C2B4B5
#C3B3B5
#C3B3B5
#C3B2B5
#C4B2B5
#C4B1B5
#C2BAAF
#C2B9AF
#C3B9AF
#C3B8AF
#C4B7AF
#C4B7AF
#C5B6AF
#C2C0A9
#C3BFA9
#C3BFA9
#C4BEA9
#C5BDA9
#C5BDA9
#C6BCA9
#C2C7A2
#C3C6A2
#C4C5A2
#C4C5A2
#C5C4A2
#C6C3A2
#C7C2A2
Colorpallet from #C2A2C7 to #C2C7A2 and to #C7A2C2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A8C1
#C2A7C2
#C2A6C3
#C2A5C3
#C3A4C4
#C3A3C5
#C3A2C6
#C2AEBB
#C2ACBD
#C3AABE
#C3A8C0
#C3A6C1
#C4A4C3
#C4A2C5
#C2B4B5
#C2B1B8
#C3AEBA
#C3ABBD
#C3A8BF
#C4A6C2
#C4A2C5
#C2BAAF
#C2B6B2
#C3B2B6
#C3AEB9
#C4ABBC
#C4A7C0
#C5A2C4
#C2C0A9
#C3BBAD
#C3B6B1
#C4B2B5
#C5ADBA
#C5A8BE
#C6A2C3
#C2C7A2
#C3C1A7
#C4BBAC
#C4B5B1
#C5AFB6
#C6A9BC
#C7A2C2
Colorpallet from #C2A2C7 to #A2C2C7 and to #A2C7C2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#BDA7C7
#BDA7C7
#BDA7C7
#BDA7C7
#BDA8C6
#BDA8C6
#BDA8C6
#B8ACC7
#B8ACC7
#B8ADC6
#B8ADC6
#B8ADC6
#B8AEC5
#B8AEC5
#B3B1C7
#B3B1C7
#B3B2C6
#B3B2C6
#B3B3C6
#B3B3C5
#B3B4C5
#AEB6C7
#AEB7C7
#AEB7C6
#AEB8C6
#AEB9C5
#AEB9C5
#AEBAC4
#A8BCC7
#A8BDC6
#A8BDC6
#A8BEC5
#A8BFC4
#A8BFC4
#A8C0C3
#A2C2C7
#A2C3C6
#A2C4C5
#A2C4C5
#A2C5C4
#A2C6C3
#A2C7C2
Colorpallet from #C2A2C7 to #A2C2C7 and to #C7C2A2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#BDA7C7
#BEA7C6
#BFA7C5
#C0A7C4
#C1A7C3
#C2A7C2
#C3A7C1
#B8ACC7
#BAACC5
#BCACC3
#BEACC1
#C0ACBF
#C2ACBD
#C4ACBB
#B3B1C7
#B6B1C4
#B8B1C1
#BBB1BE
#BEB1BB
#C1B1B9
#C4B1B5
#AEB6C7
#B2B6C3
#B5B6BF
#B9B6BB
#BDB6B8
#C0B6B4
#C5B6AF
#A8BCC7
#ADBCC2
#B2BCBD
#B6BCB9
#BBBCB4
#C0BCAF
#C6BCA9
#A2C2C7
#A8C2C1
#AEC2BB
#B4C2B5
#BAC2AF
#C0C2A9
#C7C2A2
Colorpallet from #C2A2C7 to #A2C2C7 and to #C7A2C2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#BDA7C7
#BEA6C7
#BFA5C7
#C0A5C7
#C1A4C6
#C2A3C6
#C3A2C6
#B8ACC7
#BAAAC7
#BCA9C6
#BEA7C6
#C0A6C6
#C2A4C5
#C4A2C5
#B3B1C7
#B6AFC7
#B8ACC6
#BBAAC6
#BEA7C6
#C1A5C5
#C4A2C5
#AEB6C7
#B2B3C7
#B5B0C6
#B9ACC6
#BDA9C5
#C0A6C5
#C5A2C4
#A8BCC7
#ADB8C6
#B2B4C6
#B6B0C5
#BBABC4
#C0A7C4
#C6A2C3
#A2C2C7
#A8BDC6
#AEB8C5
#B4B3C5
#BAAEC4
#C0A8C3
#C7A2C2
Colorpallet from #C2A2C7 to #A2C7C2 and to #C7C2A2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#BDA8C6
#BEA8C5
#BFA8C4
#C0A8C4
#C1A7C3
#C2A7C2
#C3A7C1
#B8AEC5
#BAAEC3
#BCADC2
#BEADC0
#C0ADBF
#C2ACBD
#C4ACBB
#B3B4C5
#B6B4C2
#B8B3C0
#BBB3BD
#BEB2BB
#C1B2B8
#C4B1B5
#AEBAC4
#B2B9C1
#B5B9BD
#B9B8BA
#BDB7B7
#C0B7B3
#C5B6AF
#A8C0C3
#ADBFBF
#B2BFBB
#B6BEB7
#BBBDB2
#C0BDAE
#C6BCA9
#A2C7C2
#A8C6BD
#AEC5B8
#B4C5B3
#BAC4AE
#C0C3A8
#C7C2A2
Colorpallet from #C2A2C7 to #A2C7C2 and to #C7A2C2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#BDA8C6
#BEA7C6
#BFA6C6
#C0A5C6
#C1A4C6
#C2A3C6
#C3A2C6
#B8AEC5
#BAACC5
#BCAAC5
#BEA8C5
#C0A6C5
#C2A4C5
#C4A2C5
#B3B4C5
#B6B1C5
#B8AEC5
#BBABC5
#BEA8C5
#C1A6C5
#C4A2C5
#AEBAC4
#B2B6C4
#B5B2C4
#B9AEC4
#BDABC4
#C0A7C4
#C5A2C4
#A8C0C3
#ADBBC3
#B2B6C3
#B6B2C3
#BBADC3
#C0A8C3
#C6A2C3
#A2C7C2
#A8C1C2
#AEBBC2
#B4B5C2
#BAAFC2
#C0A9C2
#C7A2C2
Colorpallet from #C2A2C7 to #C7C2A2 and to #C7A2C2
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C2A2C7
#C3A7C1
#C3A6C2
#C3A5C3
#C3A5C3
#C3A4C4
#C3A3C5
#C3A2C6
#C4ACBB
#C4AABD
#C4A9BE
#C4A7C0
#C4A6C1
#C4A4C3
#C4A2C5
#C4B1B5
#C4AFB8
#C4ACBA
#C4AABD
#C4A7BF
#C4A5C2
#C4A2C5
#C5B6AF
#C5B3B2
#C5B0B6
#C5ACB9
#C5A9BC
#C5A6C0
#C5A2C4
#C6BCA9
#C6B8AD
#C6B4B1
#C6B0B5
#C6ABBA
#C6A7BE
#C6A2C3
#C7C2A2
#C7BDA7
#C7B8AC
#C7B3B1
#C7AEB6
#C7A8BC
#C7A2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
