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 #B8ADA2 to #B8A2AD and to #ADB8A2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ABA4
#B8ACA4
#B7ACA3
#B7ADA3
#B7AEA3
#B6AEA2
#B6AFA2
#B8A9A6
#B7AAA5
#B7ACA5
#B6ADA4
#B5AEA3
#B5AFA3
#B4B1A2
#B8A8A7
#B7AAA6
#B6ABA5
#B6ADA5
#B5AEA4
#B4B0A3
#B3B2A2
#B8A6A9
#B7A8A8
#B6AAA7
#B5ADA6
#B4AFA5
#B2B1A3
#B1B4A2
#B8A4AB
#B7A7AA
#B5AAA8
#B4ADA7
#B2B0A5
#B1B2A4
#AFB6A2
#B8A2AD
#B6A6AB
#B4A9A9
#B3ADA8
#B1B0A6
#AFB4A4
#ADB8A2
Colorpallet from #B8ADA2 to #B8A2AD and to #ADA2B8
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ABA4
#B8ABA4
#B7ABA5
#B7ABA5
#B7ABA5
#B6ABA6
#B6ABA6
#B8A9A6
#B7A9A6
#B7A9A7
#B6A9A7
#B5A9A8
#B5A9A8
#B4A9A9
#B8A8A7
#B7A8A8
#B6A8A9
#B6A8AA
#B5A8AB
#B4A8AC
#B3A8AD
#B8A6A9
#B7A6AA
#B6A6AB
#B5A6AC
#B4A6AD
#B2A6AF
#B1A6B0
#B8A4AB
#B7A4AC
#B5A4AE
#B4A4AF
#B2A4B1
#B1A4B2
#AFA4B4
#B8A2AD
#B6A2AF
#B4A2B1
#B3A2B2
#B1A2B4
#AFA2B6
#ADA2B8
Colorpallet from #B8ADA2 to #B8A2AD and to #A2B8AD
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ABA4
#B7ACA4
#B7ACA4
#B6ADA4
#B5AEA4
#B5AEA4
#B4AFA4
#B8A9A6
#B7AAA6
#B6ACA6
#B5ADA6
#B4AEA6
#B2AFA6
#B1B1A6
#B8A8A7
#B6AAA7
#B4ABA7
#B3ADA7
#B1AEA7
#AFB0A7
#ADB2A7
#B8A6A9
#B6A8A9
#B4AAA9
#B1ADA9
#AFAFA9
#ADB1A9
#AAB4A9
#B8A4AB
#B5A7AB
#B2AAAB
#AFADAB
#ACB0AB
#AAB2AB
#A6B6AB
#B8A2AD
#B4A6AD
#B1A9AD
#ADADAD
#AAB0AD
#A6B4AD
#A2B8AD
Colorpallet from #B8ADA2 to #B8A2AD and to #A2ADB8
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ABA4
#B7ABA4
#B7ACA5
#B6ACA5
#B5ACA5
#B5ADA6
#B4ADA6
#B8A9A6
#B7AAA6
#B6AAA7
#B5ABA7
#B4ACA8
#B2ACA8
#B1ADA9
#B8A8A7
#B6A9A8
#B4AAA9
#B3AAAA
#B1ABAB
#AFACAC
#ADADAD
#B8A6A9
#B6A7AA
#B4A8AB
#B1A9AC
#AFAAAD
#ADACAF
#AAADB0
#B8A4AB
#B5A5AC
#B2A7AE
#AFA8AF
#ACAAB1
#AAABB2
#A6ADB4
#B8A2AD
#B4A4AF
#B1A6B1
#ADA7B2
#AAA9B4
#A6ABB6
#A2ADB8
Colorpallet from #B8ADA2 to #ADB8A2 and to #ADA2B8
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B6AFA2
#B6AEA3
#B6AEA3
#B6ADA4
#B6ACA5
#B6ACA5
#B6ABA6
#B4B1A2
#B4B0A3
#B4AEA4
#B4ADA5
#B4ACA6
#B4ABA8
#B4A9A9
#B3B2A2
#B3B0A4
#B3AFA6
#B3ADA7
#B3ACA9
#B3AAAB
#B3A8AD
#B1B4A2
#B1B2A4
#B1B0A6
#B1ADA9
#B1ABAB
#B1A9AD
#B1A6B0
#AFB6A2
#AFB3A5
#AFB0A8
#AFADAB
#AFAAAE
#AFA8B0
#AFA4B4
#ADB8A2
#ADB4A6
#ADB1A9
#ADADAD
#ADAAB0
#ADA6B4
#ADA2B8
Colorpallet from #B8ADA2 to #ADB8A2 and to #A2B8AD
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B6AFA2
#B6AFA2
#B5AFA3
#B5AFA3
#B5AFA3
#B4AFA4
#B4AFA4
#B4B1A2
#B4B1A3
#B3B1A3
#B3B1A4
#B2B1A5
#B2B1A5
#B1B1A6
#B3B2A2
#B2B2A3
#B1B2A4
#B0B2A4
#AFB2A5
#AEB2A6
#ADB2A7
#B1B4A2
#B0B4A3
#AFB4A4
#AEB4A5
#ADB4A6
#ABB4A8
#AAB4A9
#AFB6A2
#AEB6A3
#ACB6A5
#ABB6A6
#A9B6A8
#A8B6A9
#A6B6AB
#ADB8A2
#ABB8A4
#A9B8A6
#A8B8A7
#A6B8A9
#A4B8AB
#A2B8AD
Colorpallet from #B8ADA2 to #ADB8A2 and to #A2ADB8
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B6AFA2
#B6AFA3
#B5AEA3
#B5AEA4
#B5AEA5
#B4ADA5
#B4ADA6
#B4B1A2
#B4B0A3
#B3B0A4
#B3AFA5
#B2AEA6
#B2AEA8
#B1ADA9
#B3B2A2
#B2B1A4
#B1B0A6
#B0B0A7
#AFAFA9
#AEAEAB
#ADADAD
#B1B4A2
#B0B3A4
#AFB2A6
#AEB1A9
#ADB0AB
#ABAEAD
#AAADB0
#AFB6A2
#AEB5A5
#ACB3A8
#ABB2AB
#A9B0AE
#A8AFB0
#A6ADB4
#ADB8A2
#ABB6A6
#A9B4A9
#A8B3AD
#A6B1B0
#A4AFB4
#A2ADB8
Colorpallet from #B8ADA2 to #ADA2B8 and to #A2B8AD
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B6ABA6
#B6ACA6
#B5ACA5
#B5ADA5
#B5AEA5
#B4AEA4
#B4AFA4
#B4A9A9
#B4AAA9
#B3ACA8
#B3ADA8
#B2AEA7
#B2AFA7
#B1B1A6
#B3A8AD
#B2AAAC
#B1ABAB
#B0ADAA
#AFAEA9
#AEB0A8
#ADB2A7
#B1A6B0
#B0A8AF
#AFAAAE
#AEADAD
#ADAFAC
#ABB1AA
#AAB4A9
#AFA4B4
#AEA7B3
#ACAAB1
#ABADB0
#A9B0AE
#A8B2AD
#A6B6AB
#ADA2B8
#ABA6B6
#A9A9B4
#A8ADB3
#A6B0B1
#A4B4AF
#A2B8AD
Colorpallet from #B8ADA2 to #ADA2B8 and to #A2ADB8
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B6ABA6
#B6ABA6
#B5ACA6
#B5ACA6
#B5ACA6
#B4ADA6
#B4ADA6
#B4A9A9
#B4AAA9
#B3AAA9
#B3ABA9
#B2ACA9
#B2ACA9
#B1ADA9
#B3A8AD
#B2A9AD
#B1AAAD
#B0AAAD
#AFABAD
#AEACAD
#ADADAD
#B1A6B0
#B0A7B0
#AFA8B0
#AEA9B0
#ADAAB0
#ABACB0
#AAADB0
#AFA4B4
#AEA5B4
#ACA7B4
#ABA8B4
#A9AAB4
#A8ABB4
#A6ADB4
#ADA2B8
#ABA4B8
#A9A6B8
#A8A7B8
#A6A9B8
#A4ABB8
#A2ADB8
Colorpallet from #B8ADA2 to #A2B8AD and to #A2ADB8
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B8ADA2
#B4AFA4
#B4AFA4
#B4AEA5
#B4AEA5
#B4AEA5
#B4ADA6
#B4ADA6
#B1B1A6
#B1B0A6
#B1B0A7
#B1AFA7
#B1AEA8
#B1AEA8
#B1ADA9
#ADB2A7
#ADB1A8
#ADB0A9
#ADB0AA
#ADAFAB
#ADAEAC
#ADADAD
#AAB4A9
#AAB3AA
#AAB2AB
#AAB1AC
#AAB0AD
#AAAEAF
#AAADB0
#A6B6AB
#A6B5AC
#A6B3AE
#A6B2AF
#A6B0B1
#A6AFB2
#A6ADB4
#A2B8AD
#A2B6AF
#A2B4B1
#A2B3B2
#A2B1B4
#A2AFB6
#A2ADB8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
