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 #C4C8A1 to #C4A1C8 and to #C8C4A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C2A7
#C4C3A6
#C4C4A5
#C4C4A4
#C5C5A3
#C5C6A2
#C5C7A1
#C4BCAD
#C4BEAB
#C4C0A9
#C4C1A7
#C5C3A5
#C5C5A3
#C5C7A1
#C4B5B4
#C4B8B1
#C5BAAE
#C5BDAB
#C5C0A8
#C6C3A5
#C6C6A1
#C4AFBA
#C4B3B6
#C5B6B2
#C5BAAE
#C6BDAA
#C6C1A6
#C7C5A1
#C4A9C0
#C4ADBB
#C5B2B6
#C5B6B1
#C6BBAC
#C6BFA7
#C7C5A1
#C4A1C8
#C5A7C2
#C5ACBC
#C6B2B5
#C7B7AF
#C7BDA9
#C8C4A1
Colorpallet from #C4C8A1 to #C4A1C8 and to #C8A1C4
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C2A7
#C4C2A7
#C4C2A7
#C4C2A7
#C5C2A7
#C5C2A7
#C5C2A7
#C4BCAD
#C4BCAD
#C4BCAD
#C4BCAD
#C5BCAC
#C5BCAC
#C5BCAC
#C4B5B4
#C4B5B4
#C5B5B3
#C5B5B3
#C5B5B3
#C6B5B2
#C6B5B2
#C4AFBA
#C4AFBA
#C5AFB9
#C5AFB9
#C6AFB8
#C6AFB8
#C7AFB7
#C4A9C0
#C4A9C0
#C5A9BF
#C5A9BF
#C6A9BE
#C6A9BE
#C7A9BD
#C4A1C8
#C5A1C7
#C5A1C7
#C6A1C6
#C7A1C5
#C7A1C5
#C8A1C4
Colorpallet from #C4C8A1 to #C4A1C8 and to #A1C4C8
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C2A7
#C3C3A7
#C2C4A7
#C1C4A7
#C0C5A7
#BFC6A7
#BEC7A7
#C4BCAD
#C2BEAD
#C0C0AD
#BFC1AD
#BDC3AD
#BBC5AD
#B9C7AD
#C4B5B4
#C1B8B4
#BFBAB4
#BCBDB4
#B9C0B4
#B6C3B4
#B3C6B4
#C4AFBA
#C0B3BA
#BDB6BA
#B9BABA
#B6BDBA
#B2C1BA
#AEC5BA
#C4A9C0
#C0ADC0
#BBB2C0
#B7B6C0
#B2BBC0
#AEBFC0
#A8C5C0
#C4A1C8
#BEA7C8
#B9ACC8
#B3B2C8
#AEB7C8
#A8BDC8
#A1C4C8
Colorpallet from #C4C8A1 to #C4A1C8 and to #A1C8C4
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C2A7
#C3C3A7
#C2C4A7
#C1C5A7
#C0C6A7
#BFC7A7
#BEC8A7
#C4BCAD
#C2BEAD
#C0C0AD
#BFC2AD
#BDC4AC
#BBC6AC
#B9C8AC
#C4B5B4
#C1B8B4
#BFBBB3
#BCBEB3
#B9C1B3
#B6C4B2
#B3C8B2
#C4AFBA
#C0B3BA
#BDB7B9
#B9BBB9
#B6BFB8
#B2C3B8
#AEC8B7
#C4A9C0
#C0AEC0
#BBB3BF
#B7B8BF
#B2BDBE
#AEC2BE
#A8C8BD
#C4A1C8
#BEA7C7
#B9ADC7
#B3B4C6
#AEBAC5
#A8C0C5
#A1C8C4
Colorpallet from #C4C8A1 to #C8C4A1 and to #C8A1C4
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C5C7A1
#C5C6A2
#C5C5A3
#C5C5A4
#C5C4A5
#C5C3A6
#C5C2A7
#C5C7A1
#C5C5A3
#C5C3A5
#C5C2A6
#C5C0A8
#C5BEAA
#C5BCAC
#C6C6A1
#C6C3A4
#C6C1A6
#C6BEA9
#C6BBAC
#C6B8AF
#C6B5B2
#C7C5A1
#C7C1A5
#C7BEA8
#C7BAAC
#C7B7AF
#C7B3B3
#C7AFB7
#C7C5A1
#C7C1A5
#C7BCAA
#C7B8AE
#C7B3B3
#C7AFB7
#C7A9BD
#C8C4A1
#C8BEA7
#C8B9AC
#C8B3B2
#C8AEB7
#C8A8BD
#C8A1C4
Colorpallet from #C4C8A1 to #C8C4A1 and to #A1C4C8
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C5C7A1
#C4C7A2
#C3C7A3
#C2C7A4
#C1C7A5
#BFC7A6
#BEC7A7
#C5C7A1
#C3C7A3
#C1C7A5
#BFC7A7
#BDC7A9
#BBC7AB
#B9C7AD
#C6C6A1
#C3C6A4
#C0C6A7
#BDC6AA
#BAC6AD
#B7C6B0
#B3C6B4
#C7C5A1
#C3C5A5
#BFC5A9
#BBC5AD
#B7C5B1
#B3C5B5
#AEC5BA
#C7C5A1
#C2C5A6
#BDC5AB
#B8C5B0
#B3C5B5
#AEC5BA
#A8C5C0
#C8C4A1
#C2C4A7
#BCC4AD
#B5C4B4
#AFC4BA
#A9C4C0
#A1C4C8
Colorpallet from #C4C8A1 to #C8C4A1 and to #A1C8C4
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C5C7A1
#C4C7A2
#C3C7A3
#C2C7A4
#C1C8A5
#BFC8A6
#BEC8A7
#C5C7A1
#C3C7A3
#C1C7A5
#BFC7A6
#BDC8A8
#BBC8AA
#B9C8AC
#C6C6A1
#C3C6A4
#C0C7A6
#BDC7A9
#BAC7AC
#B7C8AF
#B3C8B2
#C7C5A1
#C3C5A5
#BFC6A8
#BBC6AC
#B7C7AF
#B3C7B3
#AEC8B7
#C7C5A1
#C2C5A5
#BDC6AA
#B8C6AE
#B3C7B3
#AEC7B7
#A8C8BD
#C8C4A1
#C2C5A7
#BCC5AC
#B5C6B2
#AFC7B7
#A9C7BD
#A1C8C4
Colorpallet from #C4C8A1 to #C8A1C4 and to #A1C4C8
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C5C2A7
#C4C3A7
#C3C4A7
#C2C4A7
#C1C5A7
#BFC6A7
#BEC7A7
#C5BCAC
#C3BEAC
#C1C0AC
#BFC1AC
#BDC3AD
#BBC5AD
#B9C7AD
#C6B5B2
#C3B8B2
#C0BAB3
#BDBDB3
#BAC0B3
#B7C3B4
#B3C6B4
#C7AFB7
#C3B3B7
#BFB6B8
#BBBAB8
#B7BDB9
#B3C1B9
#AEC5BA
#C7A9BD
#C2ADBD
#BDB2BE
#B8B6BE
#B3BBBF
#AEBFBF
#A8C5C0
#C8A1C4
#C2A7C5
#BCACC5
#B5B2C6
#AFB7C7
#A9BDC7
#A1C4C8
Colorpallet from #C4C8A1 to #C8A1C4 and to #A1C8C4
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C5C2A7
#C4C3A7
#C3C4A7
#C2C5A7
#C1C6A7
#BFC7A7
#BEC8A7
#C5BCAC
#C3BEAC
#C1C0AC
#BFC2AC
#BDC4AC
#BBC6AC
#B9C8AC
#C6B5B2
#C3B8B2
#C0BBB2
#BDBEB2
#BAC1B2
#B7C4B2
#B3C8B2
#C7AFB7
#C3B3B7
#BFB7B7
#BBBBB7
#B7BFB7
#B3C3B7
#AEC8B7
#C7A9BD
#C2AEBD
#BDB3BD
#B8B8BD
#B3BDBD
#AEC2BD
#A8C8BD
#C8A1C4
#C2A7C4
#BCADC4
#B5B4C4
#AFBAC4
#A9C0C4
#A1C8C4
Colorpallet from #C4C8A1 to #A1C4C8 and to #A1C8C4
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#C4C8A1
#BEC7A7
#BEC7A7
#BEC7A7
#BEC7A7
#BEC8A7
#BEC8A7
#BEC8A7
#B9C7AD
#B9C7AD
#B9C7AD
#B9C7AD
#B9C8AC
#B9C8AC
#B9C8AC
#B3C6B4
#B3C6B4
#B3C7B3
#B3C7B3
#B3C7B3
#B3C8B2
#B3C8B2
#AEC5BA
#AEC5BA
#AEC6B9
#AEC6B9
#AEC7B8
#AEC7B8
#AEC8B7
#A8C5C0
#A8C5C0
#A8C6BF
#A8C6BF
#A8C7BE
#A8C7BE
#A8C8BD
#A1C4C8
#A1C5C7
#A1C5C7
#A1C6C6
#A1C7C5
#A1C7C5
#A1C8C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts