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 #C8A2C2 to #C8C2A2 and to #A2C8C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A7BD
#C7A7BE
#C6A7BF
#C5A7BF
#C4A8C0
#C3A8C1
#C2A8C2
#C8ACB8
#C6ACBA
#C4ADBB
#C2ADBD
#C0ADBE
#BEAEC0
#BCAEC2
#C8B1B3
#C5B1B5
#C2B2B8
#BFB2BA
#BCB3BD
#BAB3BF
#B6B4C2
#C8B6AE
#C4B7B1
#C0B7B4
#BCB8B8
#B9B9BB
#B5B9BE
#B0BAC2
#C8BCA8
#C3BDAC
#BEBDB0
#BABEB4
#B5BFB9
#B0BFBD
#AAC0C2
#C8C2A2
#C2C3A7
#BCC4AC
#B6C5B1
#B0C6B6
#AAC7BC
#A2C8C2
Colorpallet from #C8A2C2 to #C8C2A2 and to #A2C2C8
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A7BD
#C7A7BE
#C6A7BF
#C5A7C0
#C4A7C1
#C3A7C2
#C2A7C3
#C8ACB8
#C6ACBA
#C4ACBC
#C2ACBE
#C0ACC0
#BEACC2
#BCACC4
#C8B1B3
#C5B1B6
#C2B1B9
#BFB1BC
#BCB1BF
#BAB1C1
#B6B1C5
#C8B6AE
#C4B6B2
#C0B6B6
#BCB6BA
#B9B6BD
#B5B6C1
#B0B6C6
#C8BCA8
#C3BCAD
#BEBCB2
#BABCB7
#B5BCBC
#B0BCC1
#AABCC7
#C8C2A2
#C2C2A8
#BCC2AE
#B6C2B4
#B0C2BA
#AAC2C0
#A2C2C8
Colorpallet from #C8A2C2 to #C8C2A2 and to #C2C8A2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A7BD
#C8A7BD
#C8A7BD
#C8A7BD
#C7A8BD
#C7A8BD
#C7A8BD
#C8ACB8
#C8ACB8
#C7ADB8
#C7ADB8
#C7ADB8
#C6AEB8
#C6AEB8
#C8B1B3
#C8B1B3
#C7B2B3
#C7B2B3
#C6B3B3
#C6B3B3
#C5B4B3
#C8B6AE
#C7B7AE
#C7B7AE
#C6B8AE
#C5B9AE
#C5B9AE
#C4BAAE
#C8BCA8
#C7BDA8
#C6BDA8
#C6BEA8
#C5BFA8
#C4BFA8
#C3C0A8
#C8C2A2
#C7C3A2
#C6C4A2
#C5C5A2
#C4C6A2
#C3C7A2
#C2C8A2
Colorpallet from #C8A2C2 to #C8C2A2 and to #C2A2C8
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A7BD
#C8A6BE
#C8A5BF
#C8A5C0
#C7A4C1
#C7A3C2
#C7A2C3
#C8ACB8
#C8AABA
#C7A9BC
#C7A7BE
#C7A6C0
#C6A4C2
#C6A2C4
#C8B1B3
#C8AFB6
#C7ACB9
#C7AABC
#C6A7BF
#C6A5C1
#C5A2C5
#C8B6AE
#C7B3B2
#C7B0B6
#C6ACBA
#C5A9BD
#C5A6C1
#C4A2C6
#C8BCA8
#C7B8AD
#C6B4B2
#C6B0B7
#C5ABBC
#C4A7C1
#C3A2C7
#C8C2A2
#C7BDA8
#C6B8AE
#C5B3B4
#C4AEBA
#C3A8C0
#C2A2C8
Colorpallet from #C8A2C2 to #A2C8C2 and to #A2C2C8
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C2A8C2
#C2A8C2
#C2A8C2
#C2A8C2
#C2A7C3
#C2A7C3
#C2A7C3
#BCAEC2
#BCAEC2
#BCADC3
#BCADC3
#BCADC3
#BCACC4
#BCACC4
#B6B4C2
#B6B4C2
#B6B3C3
#B6B3C3
#B6B2C4
#B6B2C4
#B6B1C5
#B0BAC2
#B0B9C3
#B0B9C3
#B0B8C4
#B0B7C5
#B0B7C5
#B0B6C6
#AAC0C2
#AABFC3
#AABFC4
#AABEC4
#AABDC5
#AABDC6
#AABCC7
#A2C8C2
#A2C7C3
#A2C6C4
#A2C5C5
#A2C4C6
#A2C3C7
#A2C2C8
Colorpallet from #C8A2C2 to #A2C8C2 and to #C2C8A2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C2A8C2
#C3A8C1
#C4A8C0
#C4A8C0
#C5A8BF
#C6A8BE
#C7A8BD
#BCAEC2
#BEAEC0
#BFAEBF
#C1AEBD
#C2AEBC
#C4AEBA
#C6AEB8
#B6B4C2
#B8B4C0
#BBB4BD
#BDB4BB
#C0B4B8
#C2B4B6
#C5B4B3
#B0BAC2
#B3BABF
#B6BABC
#BABAB8
#BDBAB5
#C0BAB2
#C4BAAE
#AAC0C2
#AEC0BE
#B2C0BA
#B6C0B6
#BAC0B1
#BEC0AD
#C3C0A8
#A2C8C2
#A7C8BD
#ACC8B8
#B1C8B3
#B6C8AE
#BCC8A8
#C2C8A2
Colorpallet from #C8A2C2 to #A2C8C2 and to #C2A2C8
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C2A8C2
#C3A7C2
#C4A6C2
#C4A5C2
#C5A4C3
#C6A3C3
#C7A2C3
#BCAEC2
#BEACC2
#BFAAC3
#C1A8C3
#C2A6C3
#C4A4C4
#C6A2C4
#B6B4C2
#B8B1C2
#BBAEC3
#BDABC3
#C0A8C4
#C2A6C4
#C5A2C5
#B0BAC2
#B3B6C3
#B6B2C3
#BAAEC4
#BDABC5
#C0A7C5
#C4A2C6
#AAC0C2
#AEBBC3
#B2B6C4
#B6B2C4
#BAADC5
#BEA8C6
#C3A2C7
#A2C8C2
#A7C2C3
#ACBCC4
#B1B6C5
#B6B0C6
#BCAAC7
#C2A2C8
Colorpallet from #C8A2C2 to #A2C2C8 and to #C2C8A2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C2A7C3
#C3A7C2
#C4A7C1
#C4A7C0
#C5A8BF
#C6A8BE
#C7A8BD
#BCACC4
#BEACC2
#BFADC0
#C1ADBE
#C2ADBC
#C4AEBA
#C6AEB8
#B6B1C5
#B8B1C2
#BBB2BF
#BDB2BC
#C0B3B9
#C2B3B7
#C5B4B3
#B0B6C6
#B3B7C2
#B6B7BE
#BAB8BA
#BDB9B7
#C0B9B3
#C4BAAE
#AABCC7
#AEBDC2
#B2BDBD
#B6BEB8
#BABFB3
#BEBFAE
#C3C0A8
#A2C2C8
#A7C3C2
#ACC4BC
#B1C5B6
#B6C6B0
#BCC7AA
#C2C8A2
Colorpallet from #C8A2C2 to #A2C2C8 and to #C2A2C8
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C2A7C3
#C3A6C3
#C4A5C3
#C4A5C3
#C5A4C3
#C6A3C3
#C7A2C3
#BCACC4
#BEAAC4
#BFA9C4
#C1A7C4
#C2A6C4
#C4A4C4
#C6A2C4
#B6B1C5
#B8AFC5
#BBACC5
#BDAAC5
#C0A7C5
#C2A5C5
#C5A2C5
#B0B6C6
#B3B3C6
#B6B0C6
#BAACC6
#BDA9C6
#C0A6C6
#C4A2C6
#AABCC7
#AEB8C7
#B2B4C7
#B6B0C7
#BAABC7
#BEA7C7
#C3A2C7
#A2C2C8
#A7BDC8
#ACB8C8
#B1B3C8
#B6AEC8
#BCA8C8
#C2A2C8
Colorpallet from #C8A2C2 to #C2C8A2 and to #C2A2C8
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C8A2C2
#C7A8BD
#C7A7BE
#C7A6BF
#C7A5C0
#C7A4C1
#C7A3C2
#C7A2C3
#C6AEB8
#C6ACBA
#C6AABC
#C6A8BE
#C6A6C0
#C6A4C2
#C6A2C4
#C5B4B3
#C5B1B6
#C5AEB9
#C5ABBC
#C5A8BF
#C5A6C1
#C5A2C5
#C4BAAE
#C4B6B2
#C4B2B6
#C4AEBA
#C4ABBD
#C4A7C1
#C4A2C6
#C3C0A8
#C3BBAD
#C3B6B2
#C3B2B7
#C3ADBC
#C3A8C1
#C3A2C7
#C2C8A2
#C2C2A8
#C2BCAE
#C2B6B4
#C2B0BA
#C2AAC0
#C2A2C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts