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 #C8C2A2 to #C8A2C2 and to #C2C8A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8BDA7
#C8BEA6
#C8BFA5
#C8C0A5
#C7C1A4
#C7C2A3
#C7C3A2
#C8B8AC
#C8BAAA
#C7BCA9
#C7BEA7
#C7C0A6
#C6C2A4
#C6C4A2
#C8B3B1
#C8B6AF
#C7B9AC
#C7BCAA
#C6BFA7
#C6C1A5
#C5C5A2
#C8AEB6
#C7B2B3
#C7B6B0
#C6BAAC
#C5BDA9
#C5C1A6
#C4C6A2
#C8A8BC
#C7ADB8
#C6B2B4
#C6B7B0
#C5BCAB
#C4C1A7
#C3C7A2
#C8A2C2
#C7A8BD
#C6AEB8
#C5B4B3
#C4BAAE
#C3C0A8
#C2C8A2
Colorpallet from #C8C2A2 to #C8A2C2 and to #C2A2C8
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8BDA7
#C8BDA7
#C8BDA7
#C8BDA7
#C7BDA8
#C7BDA8
#C7BDA8
#C8B8AC
#C8B8AC
#C7B8AD
#C7B8AD
#C7B8AD
#C6B8AE
#C6B8AE
#C8B3B1
#C8B3B1
#C7B3B2
#C7B3B2
#C6B3B3
#C6B3B3
#C5B3B4
#C8AEB6
#C7AEB7
#C7AEB7
#C6AEB8
#C5AEB9
#C5AEB9
#C4AEBA
#C8A8BC
#C7A8BD
#C6A8BD
#C6A8BE
#C5A8BF
#C4A8BF
#C3A8C0
#C8A2C2
#C7A2C3
#C6A2C4
#C5A2C5
#C4A2C6
#C3A2C7
#C2A2C8
Colorpallet from #C8C2A2 to #C8A2C2 and to #A2C8C2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8BDA7
#C7BEA7
#C6BFA7
#C5C0A7
#C4C1A7
#C3C2A7
#C2C3A7
#C8B8AC
#C6BAAC
#C4BCAC
#C2BEAC
#C0C0AC
#BEC2AC
#BCC4AC
#C8B3B1
#C5B6B1
#C2B9B1
#BFBCB1
#BCBFB1
#BAC1B1
#B6C5B1
#C8AEB6
#C4B2B6
#C0B6B6
#BCBAB6
#B9BDB6
#B5C1B6
#B0C6B6
#C8A8BC
#C3ADBC
#BEB2BC
#BAB7BC
#B5BCBC
#B0C1BC
#AAC7BC
#C8A2C2
#C2A8C2
#BCAEC2
#B6B4C2
#B0BAC2
#AAC0C2
#A2C8C2
Colorpallet from #C8C2A2 to #C8A2C2 and to #A2C2C8
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8BDA7
#C7BEA7
#C6BFA7
#C5BFA7
#C4C0A8
#C3C1A8
#C2C2A8
#C8B8AC
#C6BAAC
#C4BBAD
#C2BDAD
#C0BEAD
#BEC0AE
#BCC2AE
#C8B3B1
#C5B5B1
#C2B8B2
#BFBAB2
#BCBDB3
#BABFB3
#B6C2B4
#C8AEB6
#C4B1B7
#C0B4B7
#BCB8B8
#B9BBB9
#B5BEB9
#B0C2BA
#C8A8BC
#C3ACBD
#BEB0BD
#BAB4BE
#B5B9BF
#B0BDBF
#AAC2C0
#C8A2C2
#C2A7C3
#BCACC4
#B6B1C5
#B0B6C6
#AABCC7
#A2C2C8
Colorpallet from #C8C2A2 to #C2C8A2 and to #C2A2C8
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C7C3A2
#C7C2A3
#C7C1A4
#C7C0A5
#C7BFA6
#C7BEA7
#C7BDA8
#C6C4A2
#C6C2A4
#C6C0A6
#C6BEA8
#C6BCAA
#C6BAAC
#C6B8AE
#C5C5A2
#C5C2A5
#C5BFA8
#C5BCAB
#C5B9AE
#C5B7B0
#C5B3B4
#C4C6A2
#C4C2A6
#C4BEAA
#C4BAAE
#C4B7B1
#C4B3B5
#C4AEBA
#C3C7A2
#C3C2A7
#C3BDAC
#C3B8B0
#C3B3B5
#C3AEBA
#C3A8C0
#C2C8A2
#C2C2A8
#C2BCAE
#C2B6B4
#C2B0BA
#C2AAC0
#C2A2C8
Colorpallet from #C8C2A2 to #C2C8A2 and to #A2C8C2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C7C3A2
#C6C3A3
#C5C3A4
#C5C3A4
#C4C3A5
#C3C3A6
#C2C3A7
#C6C4A2
#C4C4A4
#C3C4A5
#C1C4A7
#C0C4A8
#BEC4AA
#BCC4AC
#C5C5A2
#C3C5A4
#C0C5A7
#BEC5A9
#BBC5AC
#B9C5AE
#B6C5B1
#C4C6A2
#C1C6A5
#BEC6A8
#BAC6AC
#B7C6AF
#B4C6B2
#B0C6B6
#C3C7A2
#BFC7A6
#BBC7AA
#B7C7AE
#B3C7B3
#AFC7B7
#AAC7BC
#C2C8A2
#BDC8A7
#B8C8AC
#B3C8B1
#AEC8B6
#A8C8BC
#A2C8C2
Colorpallet from #C8C2A2 to #C2C8A2 and to #A2C2C8
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C7C3A2
#C6C3A3
#C5C3A4
#C5C3A5
#C4C2A6
#C3C2A7
#C2C2A8
#C6C4A2
#C4C4A4
#C3C3A6
#C1C3A8
#C0C3AA
#BEC2AC
#BCC2AE
#C5C5A2
#C3C5A5
#C0C4A8
#BEC4AB
#BBC3AE
#B9C3B0
#B6C2B4
#C4C6A2
#C1C5A6
#BEC5AA
#BAC4AE
#B7C3B1
#B4C3B5
#B0C2BA
#C3C7A2
#BFC6A7
#BBC5AC
#B7C5B0
#B3C4B5
#AFC3BA
#AAC2C0
#C2C8A2
#BDC7A8
#B8C6AE
#B3C5B4
#AEC4BA
#A8C3C0
#A2C2C8
Colorpallet from #C8C2A2 to #C2A2C8 and to #A2C8C2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C7BDA8
#C6BEA8
#C5BFA8
#C5C0A8
#C4C1A7
#C3C2A7
#C2C3A7
#C6B8AE
#C4BAAE
#C3BCAD
#C1BEAD
#C0C0AD
#BEC2AC
#BCC4AC
#C5B3B4
#C3B6B4
#C0B9B3
#BEBCB3
#BBBFB2
#B9C1B2
#B6C5B1
#C4AEBA
#C1B2B9
#BEB6B9
#BABAB8
#B7BDB7
#B4C1B7
#B0C6B6
#C3A8C0
#BFADBF
#BBB2BF
#B7B7BE
#B3BCBD
#AFC1BD
#AAC7BC
#C2A2C8
#BDA8C7
#B8AEC6
#B3B4C5
#AEBAC4
#A8C0C3
#A2C8C2
Colorpallet from #C8C2A2 to #C2A2C8 and to #A2C2C8
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C7BDA8
#C6BEA8
#C5BFA8
#C5BFA8
#C4C0A8
#C3C1A8
#C2C2A8
#C6B8AE
#C4BAAE
#C3BBAE
#C1BDAE
#C0BEAE
#BEC0AE
#BCC2AE
#C5B3B4
#C3B5B4
#C0B8B4
#BEBAB4
#BBBDB4
#B9BFB4
#B6C2B4
#C4AEBA
#C1B1BA
#BEB4BA
#BAB8BA
#B7BBBA
#B4BEBA
#B0C2BA
#C3A8C0
#BFACC0
#BBB0C0
#B7B4C0
#B3B9C0
#AFBDC0
#AAC2C0
#C2A2C8
#BDA7C8
#B8ACC8
#B3B1C8
#AEB6C8
#A8BCC8
#A2C2C8
Colorpallet from #C8C2A2 to #A2C8C2 and to #A2C2C8
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C8C2A2
#C2C3A7
#C2C3A7
#C2C3A7
#C2C3A7
#C2C2A8
#C2C2A8
#C2C2A8
#BCC4AC
#BCC4AC
#BCC3AD
#BCC3AD
#BCC3AD
#BCC2AE
#BCC2AE
#B6C5B1
#B6C5B1
#B6C4B2
#B6C4B2
#B6C3B3
#B6C3B3
#B6C2B4
#B0C6B6
#B0C5B7
#B0C5B7
#B0C4B8
#B0C3B9
#B0C3B9
#B0C2BA
#AAC7BC
#AAC6BD
#AAC5BD
#AAC5BE
#AAC4BF
#AAC3BF
#AAC2C0
#A2C8C2
#A2C7C3
#A2C6C4
#A2C5C5
#A2C4C6
#A2C3C7
#A2C2C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts