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 #C1AFA1 to #C1A1AF and to #AFC1A1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1ADA3
#C1AEA3
#C0AFA2
#C0AFA2
#BFB0A2
#BFB1A1
#BEB2A1
#C1ABA5
#C0ADA4
#BFAEA4
#BEB0A3
#BDB1A2
#BCB3A2
#BBB5A1
#C1A8A8
#C0ABA7
#BEADA6
#BDB0A5
#BBB2A4
#BAB5A2
#B8B8A1
#C1A6AA
#BFA9A9
#BDADA7
#BBB0A6
#B9B3A4
#B7B7A3
#B5BBA1
#C1A4AC
#BFA8AA
#BDACA8
#BAB0A7
#B8B4A5
#B6B8A3
#B3BDA1
#C1A1AF
#BEA6AD
#BBABAB
#B8B0A8
#B5B5A6
#B3BBA4
#AFC1A1
Colorpallet from #C1AFA1 to #C1A1AF and to #AFA1C1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1ADA3
#C1ADA3
#C0ADA4
#C0ADA4
#BFADA5
#BFADA5
#BEADA6
#C1ABA5
#C0ABA6
#BFABA7
#BEABA8
#BDABA9
#BCABAA
#BBABAB
#C1A8A8
#C0A8A9
#BEA8AB
#BDA8AC
#BBA8AD
#BAA8AE
#B8A8B0
#C1A6AA
#BFA6AC
#BDA6AE
#BBA6AF
#B9A6B1
#B7A6B3
#B5A6B5
#C1A4AC
#BFA4AE
#BDA4B1
#BAA4B3
#B8A4B6
#B6A4B8
#B3A4BB
#C1A1AF
#BEA1B2
#BBA1B5
#B8A1B8
#B5A1BB
#B3A1BD
#AFA1C1
Colorpallet from #C1AFA1 to #C1A1AF and to #A1C1AF
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1ADA3
#C0AEA3
#BFAFA3
#BFAFA3
#BEB0A3
#BDB1A3
#BCB2A3
#C1ABA5
#BFADA5
#BEAEA5
#BCB0A5
#BBB1A5
#B9B3A5
#B7B5A5
#C1A8A8
#BFABA8
#BCADA8
#BAB0A8
#B7B2A8
#B5B5A8
#B2B8A8
#C1A6AA
#BEA9AA
#BBADAA
#B7B0AA
#B4B3AA
#B1B7AA
#ADBBAA
#C1A4AC
#BDA8AC
#B9ACAC
#B5B0AC
#B0B4AC
#ACB8AC
#A7BDAC
#C1A1AF
#BCA6AF
#B7ABAF
#B2B0AF
#ADB5AF
#A7BBAF
#A1C1AF
Colorpallet from #C1AFA1 to #C1A1AF and to #A1AFC1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1ADA3
#C0ADA3
#BFAEA4
#BFAEA4
#BEAEA5
#BDAFA5
#BCAFA6
#C1ABA5
#BFACA6
#BEACA7
#BCADA8
#BBAEA9
#B9AEAA
#B7AFAB
#C1A8A8
#BFA9A9
#BCAAAB
#BAABAC
#B7ACAD
#B5AEAE
#B2AFB0
#C1A6AA
#BEA7AC
#BBA9AE
#B7AAAF
#B4ACB1
#B1ADB3
#ADAFB5
#C1A4AC
#BDA6AE
#B9A8B1
#B5A9B3
#B0ABB6
#ACADB8
#A7AFBB
#C1A1AF
#BCA3B2
#B7A5B5
#B2A8B8
#ADAABB
#A7ACBD
#A1AFC1
Colorpallet from #C1AFA1 to #AFC1A1 and to #AFA1C1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#BEB2A1
#BEB1A2
#BEB0A3
#BEB0A3
#BEAFA4
#BEAEA5
#BEADA6
#BBB5A1
#BBB3A3
#BBB2A4
#BBB0A6
#BBAFA7
#BBADA9
#BBABAB
#B8B8A1
#B8B5A3
#B8B3A6
#B8B0A8
#B8AEAB
#B8ABAD
#B8A8B0
#B5BBA1
#B5B8A4
#B5B4A7
#B5B1AB
#B5AEAE
#B5AAB1
#B5A6B5
#B3BDA1
#B3B9A5
#B3B5A9
#B3B1AD
#B3ADB2
#B3A9B6
#B3A4BB
#AFC1A1
#AFBCA6
#AFB7AB
#AFB2B0
#AFADB5
#AFA7BB
#AFA1C1
Colorpallet from #C1AFA1 to #AFC1A1 and to #A1C1AF
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#BEB2A1
#BEB2A1
#BDB2A2
#BDB2A2
#BDB2A2
#BCB2A3
#BCB2A3
#BBB5A1
#BAB5A2
#BAB5A2
#B9B5A3
#B8B5A4
#B8B5A4
#B7B5A5
#B8B8A1
#B7B8A2
#B6B8A3
#B5B8A4
#B4B8A5
#B3B8A7
#B2B8A8
#B5BBA1
#B4BBA2
#B2BBA4
#B1BBA5
#B0BBA7
#AFBBA8
#ADBBAA
#B3BDA1
#B1BDA3
#AFBDA5
#ADBDA6
#ABBDA8
#A9BDAA
#A7BDAC
#AFC1A1
#ADC1A3
#ABC1A5
#A8C1A8
#A6C1AA
#A4C1AC
#A1C1AF
Colorpallet from #C1AFA1 to #AFC1A1 and to #A1AFC1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#BEB2A1
#BEB2A2
#BDB1A3
#BDB1A3
#BDB0A4
#BCB0A5
#BCAFA6
#BBB5A1
#BAB4A3
#BAB3A4
#B9B2A6
#B8B1A7
#B8B0A9
#B7AFAB
#B8B8A1
#B7B7A3
#B6B5A6
#B5B4A8
#B4B2AB
#B3B1AD
#B2AFB0
#B5BBA1
#B4B9A4
#B2B7A7
#B1B5AB
#B0B3AE
#AFB1B1
#ADAFB5
#B3BDA1
#B1BBA5
#AFB9A9
#ADB6AD
#ABB4B2
#A9B2B6
#A7AFBB
#AFC1A1
#ADBEA6
#ABBBAB
#A8B8B0
#A6B5B5
#A4B3BB
#A1AFC1
Colorpallet from #C1AFA1 to #AFA1C1 and to #A1C1AF
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#BEADA6
#BEAEA6
#BDAFA5
#BDAFA5
#BDB0A4
#BCB1A4
#BCB2A3
#BBABAB
#BAADAA
#BAAEA9
#B9B0A8
#B8B1A7
#B8B3A6
#B7B5A5
#B8A8B0
#B7ABAF
#B6ADAD
#B5B0AC
#B4B2AB
#B3B5AA
#B2B8A8
#B5A6B5
#B4A9B3
#B2ADB1
#B1B0B0
#B0B3AE
#AFB7AC
#ADBBAA
#B3A4BB
#B1A8B9
#AFACB6
#ADB0B4
#ABB4B1
#A9B8AF
#A7BDAC
#AFA1C1
#ADA6BE
#ABABBB
#A8B0B8
#A6B5B5
#A4BBB3
#A1C1AF
Colorpallet from #C1AFA1 to #AFA1C1 and to #A1AFC1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#BEADA6
#BEADA6
#BDAEA6
#BDAEA6
#BDAEA6
#BCAFA6
#BCAFA6
#BBABAB
#BAACAB
#BAACAB
#B9ADAB
#B8AEAB
#B8AEAB
#B7AFAB
#B8A8B0
#B7A9B0
#B6AAB0
#B5ABB0
#B4ACB0
#B3AEB0
#B2AFB0
#B5A6B5
#B4A7B5
#B2A9B5
#B1AAB5
#B0ACB5
#AFADB5
#ADAFB5
#B3A4BB
#B1A6BB
#AFA8BB
#ADA9BB
#ABABBB
#A9ADBB
#A7AFBB
#AFA1C1
#ADA3C1
#ABA5C1
#A8A8C1
#A6AAC1
#A4ACC1
#A1AFC1
Colorpallet from #C1AFA1 to #A1C1AF and to #A1AFC1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#C1AFA1
#BCB2A3
#BCB2A3
#BCB1A4
#BCB1A4
#BCB0A5
#BCB0A5
#BCAFA6
#B7B5A5
#B7B4A6
#B7B3A7
#B7B2A8
#B7B1A9
#B7B0AA
#B7AFAB
#B2B8A8
#B2B7A9
#B2B5AB
#B2B4AC
#B2B2AD
#B2B1AE
#B2AFB0
#ADBBAA
#ADB9AC
#ADB7AE
#ADB5AF
#ADB3B1
#ADB1B3
#ADAFB5
#A7BDAC
#A7BBAE
#A7B9B1
#A7B6B3
#A7B4B6
#A7B2B8
#A7AFBB
#A1C1AF
#A1BEB2
#A1BBB5
#A1B8B8
#A1B5BB
#A1B3BD
#A1AFC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
