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 #C0A6C3 to #C0C3A6 and to #A6C0C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0ABBE
#BFABBF
#BFABC0
#BEABC0
#BDAAC1
#BDAAC2
#BCAAC3
#C0AFBA
#BFAFBB
#BDAFBD
#BCAFBE
#BBAEC0
#BAAEC1
#B8AEC3
#C0B4B5
#BEB4B7
#BCB3B9
#BAB3BC
#B8B3BE
#B6B2C0
#B4B2C3
#C0B9B0
#BDB9B3
#BBB8B6
#B8B8B9
#B5B8BC
#B2B7BF
#AFB7C3
#C0BDAC
#BDBDB0
#B9BCB3
#B6BCB7
#B3BCBB
#AFBBBE
#ABBBC3
#C0C3A6
#BCC3AB
#B8C2AF
#B4C2B4
#AFC1B9
#ABC1BD
#A6C0C3
Colorpallet from #C0A6C3 to #C0C3A6 and to #A6C3C0
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0ABBE
#BFABBF
#BFABC0
#BEABC0
#BDABC1
#BDABC2
#BCABC3
#C0AFBA
#BFAFBB
#BDAFBD
#BCAFBE
#BBAFBF
#BAAFC0
#B8AFC2
#C0B4B5
#BEB4B7
#BCB4B9
#BAB4BB
#B8B4BD
#B6B4BF
#B4B4C2
#C0B9B0
#BDB9B3
#BBB9B5
#B8B9B8
#B5B9BB
#B2B9BE
#AFB9C1
#C0BDAC
#BDBDAF
#B9BDB3
#B6BDB6
#B3BDB9
#AFBDBD
#ABBDC1
#C0C3A6
#BCC3AA
#B8C3AE
#B4C3B2
#AFC3B7
#ABC3BB
#A6C3C0
Colorpallet from #C0A6C3 to #C0C3A6 and to #C3C0A6
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0ABBE
#C0ABBE
#C0ABBE
#C0ABBE
#C0AABE
#C0AABE
#C0AABE
#C0AFBA
#C0AFBA
#C0AFBA
#C0AFBA
#C1AEBA
#C1AEBA
#C1AEBA
#C0B4B5
#C0B4B5
#C0B3B5
#C0B3B5
#C1B3B5
#C1B2B5
#C1B2B5
#C0B9B0
#C0B9B0
#C1B8B0
#C1B8B0
#C1B8B0
#C2B7B0
#C2B7B0
#C0BDAC
#C0BDAC
#C1BCAC
#C1BCAC
#C1BCAC
#C2BBAC
#C2BBAC
#C0C3A6
#C0C3A6
#C1C2A6
#C1C2A6
#C2C1A6
#C2C1A6
#C3C0A6
Colorpallet from #C0A6C3 to #C0C3A6 and to #C3A6C0
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0ABBE
#C0AABF
#C0A9C0
#C0A9C0
#C0A8C1
#C0A7C2
#C0A6C3
#C0AFBA
#C0AEBB
#C0ACBD
#C0ABBE
#C1A9BF
#C1A8C0
#C1A6C2
#C0B4B5
#C0B2B7
#C0B0B9
#C0ADBB
#C1ABBD
#C1A9BF
#C1A6C2
#C0B9B0
#C0B6B3
#C1B3B5
#C1B0B8
#C1ADBB
#C2AABE
#C2A6C1
#C0BDAC
#C0B9AF
#C1B6B3
#C1B2B6
#C1AEB9
#C2ABBD
#C2A6C1
#C0C3A6
#C0BEAA
#C1BAAE
#C1B5B2
#C2B0B7
#C2ACBB
#C3A6C0
Colorpallet from #C0A6C3 to #A6C0C3 and to #A6C3C0
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#BCAAC3
#BCAAC3
#BCAAC3
#BCAAC3
#BCABC3
#BCABC3
#BCABC3
#B8AEC3
#B8AEC3
#B8AEC3
#B8AEC3
#B8AFC2
#B8AFC2
#B8AFC2
#B4B2C3
#B4B2C3
#B4B3C3
#B4B3C3
#B4B3C2
#B4B4C2
#B4B4C2
#AFB7C3
#AFB7C3
#AFB8C2
#AFB8C2
#AFB8C2
#AFB9C1
#AFB9C1
#ABBBC3
#ABBBC3
#ABBCC2
#ABBCC2
#ABBCC2
#ABBDC1
#ABBDC1
#A6C0C3
#A6C0C3
#A6C1C2
#A6C1C2
#A6C2C1
#A6C2C1
#A6C3C0
Colorpallet from #C0A6C3 to #A6C0C3 and to #C3C0A6
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#BCAAC3
#BDAAC2
#BDAAC1
#BEAAC1
#BFAAC0
#BFAABF
#C0AABE
#B8AEC3
#B9AEC2
#BBAEC0
#BCAEBF
#BEAEBD
#BFAEBC
#C1AEBA
#B4B2C3
#B6B2C1
#B8B2BF
#BAB2BC
#BCB2BA
#BEB2B8
#C1B2B5
#AFB7C3
#B2B7C0
#B5B7BD
#B8B7BA
#BBB7B7
#BEB7B4
#C2B7B0
#ABBBC3
#AFBBBF
#B2BBBC
#B6BBB8
#BABBB4
#BDBBB1
#C2BBAC
#A6C0C3
#ABC0BE
#AFC0BA
#B4C0B5
#B9C0B0
#BDC0AC
#C3C0A6
Colorpallet from #C0A6C3 to #A6C0C3 and to #C3A6C0
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#BCAAC3
#BDA9C3
#BDA9C3
#BEA8C3
#BFA7C3
#BFA7C3
#C0A6C3
#B8AEC3
#B9ADC3
#BBABC3
#BCAAC3
#BEA9C2
#BFA8C2
#C1A6C2
#B4B2C3
#B6B0C3
#B8AEC3
#BAACC3
#BCAAC2
#BEA8C2
#C1A6C2
#AFB7C3
#B2B4C3
#B5B2C2
#B8AFC2
#BBACC2
#BEA9C1
#C2A6C1
#ABBBC3
#AFB8C3
#B2B4C2
#B6B1C2
#BAAEC2
#BDAAC1
#C2A6C1
#A6C0C3
#ABBCC3
#AFB8C2
#B4B4C2
#B9AFC1
#BDABC1
#C3A6C0
Colorpallet from #C0A6C3 to #A6C3C0 and to #C3C0A6
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#BCABC3
#BDABC2
#BDABC1
#BEABC1
#BFAAC0
#BFAABF
#C0AABE
#B8AFC2
#B9AFC1
#BBAFBF
#BCAFBE
#BEAEBD
#BFAEBC
#C1AEBA
#B4B4C2
#B6B4C0
#B8B3BE
#BAB3BC
#BCB3BA
#BEB2B8
#C1B2B5
#AFB9C1
#B2B9BE
#B5B8BC
#B8B8B9
#BBB8B6
#BEB7B3
#C2B7B0
#ABBDC1
#AFBDBE
#B2BCBA
#B6BCB7
#BABCB4
#BDBBB0
#C2BBAC
#A6C3C0
#ABC3BC
#AFC2B8
#B4C2B4
#B9C1AF
#BDC1AB
#C3C0A6
Colorpallet from #C0A6C3 to #A6C3C0 and to #C3A6C0
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#BCABC3
#BDAAC3
#BDA9C3
#BEA9C3
#BFA8C3
#BFA7C3
#C0A6C3
#B8AFC2
#B9AEC2
#BBACC2
#BCABC2
#BEA9C2
#BFA8C2
#C1A6C2
#B4B4C2
#B6B2C2
#B8B0C2
#BAADC2
#BCABC2
#BEA9C2
#C1A6C2
#AFB9C1
#B2B6C1
#B5B3C1
#B8B0C1
#BBADC1
#BEAAC1
#C2A6C1
#ABBDC1
#AFB9C1
#B2B6C1
#B6B2C1
#BAAEC1
#BDABC1
#C2A6C1
#A6C3C0
#ABBEC0
#AFBAC0
#B4B5C0
#B9B0C0
#BDACC0
#C3A6C0
Colorpallet from #C0A6C3 to #C3C0A6 and to #C3A6C0
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0A6C3
#C0AABE
#C0A9BF
#C0A9C0
#C0A8C0
#C0A7C1
#C0A7C2
#C0A6C3
#C1AEBA
#C1ADBB
#C1ABBD
#C1AABE
#C1A9BF
#C1A8C0
#C1A6C2
#C1B2B5
#C1B0B7
#C1AEB9
#C1ACBB
#C1AABD
#C1A8BF
#C1A6C2
#C2B7B0
#C2B4B3
#C2B2B5
#C2AFB8
#C2ACBB
#C2A9BE
#C2A6C1
#C2BBAC
#C2B8AF
#C2B4B3
#C2B1B6
#C2AEB9
#C2AABD
#C2A6C1
#C3C0A6
#C3BCAA
#C3B8AE
#C3B4B2
#C3AFB7
#C3ABBB
#C3A6C0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
