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 #C4B1A1 to #C4A1B1 and to #B1C4A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4AEA4
#C4AFA4
#C3B0A3
#C3B1A3
#C2B2A2
#C2B3A2
#C1B4A1
#C4ACA6
#C3AEA5
#C2B0A4
#C1B1A4
#C0B3A3
#BFB5A2
#BEB7A1
#C4A9A9
#C3ACA8
#C1AEA6
#C0B1A5
#BEB4A4
#BDB7A3
#BBBAA1
#C4A7AB
#C2ABA9
#C0AEA8
#BEB2A6
#BCB5A5
#BAB9A3
#B8BDA1
#C4A4AE
#C2A8AC
#BFADAA
#BDB1A8
#BAB6A6
#B8BAA4
#B5C0A1
#C4A1B1
#C1A7AE
#BEACAC
#BBB2A9
#B8B7A7
#B5BDA4
#B1C4A1
Colorpallet from #C4B1A1 to #C4A1B1 and to #B1A1C4
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4AEA4
#C4AEA4
#C3AEA5
#C3AEA5
#C2AEA6
#C2AEA6
#C1AEA7
#C4ACA6
#C3ACA7
#C2ACA8
#C1ACA9
#C0ACAA
#BFACAB
#BEACAC
#C4A9A9
#C3A9AA
#C1A9AC
#C0A9AD
#BEA9AF
#BDA9B0
#BBA9B2
#C4A7AB
#C2A7AD
#C0A7AF
#BEA7B1
#BCA7B3
#BAA7B5
#B8A7B7
#C4A4AE
#C2A4B0
#BFA4B3
#BDA4B5
#BAA4B8
#B8A4BA
#B5A4BD
#C4A1B1
#C1A1B4
#BEA1B7
#BBA1BA
#B8A1BD
#B5A1C0
#B1A1C4
Colorpallet from #C4B1A1 to #C4A1B1 and to #A1C4B1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4AEA4
#C3AFA4
#C2B0A4
#C1B1A4
#C0B2A4
#BFB3A4
#BEB4A4
#C4ACA6
#C2AEA6
#C0B0A6
#BFB1A6
#BDB3A6
#BBB5A6
#B9B7A6
#C4A9A9
#C1ACA9
#BFAEA9
#BCB1A9
#B9B4A9
#B6B7A9
#B3BAA9
#C4A7AB
#C0ABAB
#BDAEAB
#B9B2AB
#B6B5AB
#B2B9AB
#AEBDAB
#C4A4AE
#C0A8AE
#BBADAE
#B7B1AE
#B2B6AE
#AEBAAE
#A8C0AE
#C4A1B1
#BEA7B1
#B9ACB1
#B3B2B1
#AEB7B1
#A8BDB1
#A1C4B1
Colorpallet from #C4B1A1 to #C4A1B1 and to #A1B1C4
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4AEA4
#C3AEA4
#C2AFA5
#C1AFA5
#C0B0A6
#BFB0A6
#BEB1A7
#C4ACA6
#C2ADA7
#C0AEA8
#BFAEA9
#BDAFAA
#BBB0AB
#B9B1AC
#C4A9A9
#C1AAAA
#BFACAC
#BCADAD
#B9AEAF
#B6AFB0
#B3B1B2
#C4A7AB
#C0A9AD
#BDAAAF
#B9ACB1
#B6ADB3
#B2AFB5
#AEB1B7
#C4A4AE
#C0A6B0
#BBA8B3
#B7AAB5
#B2ACB8
#AEAEBA
#A8B1BD
#C4A1B1
#BEA4B4
#B9A6B7
#B3A9BA
#AEABBD
#A8AEC0
#A1B1C4
Colorpallet from #C4B1A1 to #B1C4A1 and to #B1A1C4
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C1B4A1
#C1B3A2
#C1B2A3
#C1B1A4
#C1B0A5
#C1AFA6
#C1AEA7
#BEB7A1
#BEB5A3
#BEB3A5
#BEB2A6
#BEB0A8
#BEAEAA
#BEACAC
#BBBAA1
#BBB7A4
#BBB5A6
#BBB2A9
#BBAFAC
#BBACAF
#BBA9B2
#B8BDA1
#B8B9A5
#B8B6A8
#B8B2AC
#B8AFAF
#B8ABB3
#B8A7B7
#B5C0A1
#B5BCA5
#B5B7AA
#B5B3AE
#B5AEB3
#B5AAB7
#B5A4BD
#B1C4A1
#B1BEA7
#B1B9AC
#B1B3B2
#B1AEB7
#B1A8BD
#B1A1C4
Colorpallet from #C4B1A1 to #B1C4A1 and to #A1C4B1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C1B4A1
#C1B4A1
#C0B4A2
#C0B4A2
#BFB4A3
#BFB4A3
#BEB4A4
#BEB7A1
#BDB7A2
#BCB7A3
#BCB7A3
#BBB7A4
#BAB7A5
#B9B7A6
#BBBAA1
#BABAA2
#B8BAA4
#B7BAA5
#B6BAA6
#B5BAA7
#B3BAA9
#B8BDA1
#B6BDA3
#B5BDA4
#B3BDA6
#B2BDA7
#B0BDA9
#AEBDAB
#B5C0A1
#B3C0A3
#B1C0A5
#AFC0A7
#ADC0A9
#ABC0AB
#A8C0AE
#B1C4A1
#AEC4A4
#ACC4A6
#A9C4A9
#A7C4AB
#A4C4AE
#A1C4B1
Colorpallet from #C4B1A1 to #B1C4A1 and to #A1B1C4
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C1B4A1
#C1B4A2
#C0B3A3
#C0B3A4
#BFB2A5
#BFB2A6
#BEB1A7
#BEB7A1
#BDB6A3
#BCB5A5
#BCB4A6
#BBB3A8
#BAB2AA
#B9B1AC
#BBBAA1
#BAB9A4
#B8B7A6
#B7B6A9
#B6B4AC
#B5B3AF
#B3B1B2
#B8BDA1
#B6BBA5
#B5B9A8
#B3B7AC
#B2B5AF
#B0B3B3
#AEB1B7
#B5C0A1
#B3BEA5
#B1BBAA
#AFB9AE
#ADB6B3
#ABB4B7
#A8B1BD
#B1C4A1
#AEC1A7
#ACBEAC
#A9BBB2
#A7B8B7
#A4B5BD
#A1B1C4
Colorpallet from #C4B1A1 to #B1A1C4 and to #A1C4B1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C1AEA7
#C1AFA7
#C0B0A6
#C0B1A6
#BFB2A5
#BFB3A5
#BEB4A4
#BEACAC
#BDAEAB
#BCB0AA
#BCB1A9
#BBB3A8
#BAB5A7
#B9B7A6
#BBA9B2
#BAACB1
#B8AEAF
#B7B1AE
#B6B4AC
#B5B7AB
#B3BAA9
#B8A7B7
#B6ABB5
#B5AEB3
#B3B2B1
#B2B5AF
#B0B9AD
#AEBDAB
#B5A4BD
#B3A8BB
#B1ADB8
#AFB1B6
#ADB6B3
#ABBAB1
#A8C0AE
#B1A1C4
#AEA7C1
#ACACBE
#A9B2BB
#A7B7B8
#A4BDB5
#A1C4B1
Colorpallet from #C4B1A1 to #B1A1C4 and to #A1B1C4
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C1AEA7
#C1AEA7
#C0AFA7
#C0AFA7
#BFB0A7
#BFB0A7
#BEB1A7
#BEACAC
#BDADAC
#BCAEAC
#BCAEAC
#BBAFAC
#BAB0AC
#B9B1AC
#BBA9B2
#BAAAB2
#B8ACB2
#B7ADB2
#B6AEB2
#B5AFB2
#B3B1B2
#B8A7B7
#B6A9B7
#B5AAB7
#B3ACB7
#B2ADB7
#B0AFB7
#AEB1B7
#B5A4BD
#B3A6BD
#B1A8BD
#AFAABD
#ADACBD
#ABAEBD
#A8B1BD
#B1A1C4
#AEA4C4
#ACA6C4
#A9A9C4
#A7ABC4
#A4AEC4
#A1B1C4
Colorpallet from #C4B1A1 to #A1C4B1 and to #A1B1C4
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#C4B1A1
#BEB4A4
#BEB4A4
#BEB3A5
#BEB3A5
#BEB2A6
#BEB2A6
#BEB1A7
#B9B7A6
#B9B6A7
#B9B5A8
#B9B4A9
#B9B3AA
#B9B2AB
#B9B1AC
#B3BAA9
#B3B9AA
#B3B7AC
#B3B6AD
#B3B4AF
#B3B3B0
#B3B1B2
#AEBDAB
#AEBBAD
#AEB9AF
#AEB7B1
#AEB5B3
#AEB3B5
#AEB1B7
#A8C0AE
#A8BEB0
#A8BBB3
#A8B9B5
#A8B6B8
#A8B4BA
#A8B1BD
#A1C4B1
#A1C1B4
#A1BEB7
#A1BBBA
#A1B8BD
#A1B5C0
#A1B1C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
