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 #AFB4A1 to #AFA1B4 and to #B4AFA1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB1A4
#AFB1A4
#AFB2A3
#AFB2A3
#B0B2A2
#B0B3A2
#B0B3A1
#AFAEA7
#AFAFA6
#B0AFA5
#B0B0A4
#B0B1A3
#B1B1A2
#B1B2A1
#AFABAA
#AFACA9
#B0ADA7
#B0AEA6
#B0AFA4
#B1B1A3
#B1B2A1
#AFA8AD
#AFA9AB
#B0ABA9
#B0ACA7
#B1AEA5
#B1AFA3
#B2B1A1
#AFA5B0
#B0A7AE
#B0A9AB
#B1AAA9
#B2ACA6
#B2AEA4
#B3B0A1
#AFA1B4
#B0A3B1
#B1A5AE
#B1A8AB
#B2AAA8
#B3ACA5
#B4AFA1
Colorpallet from #AFB4A1 to #AFA1B4 and to #B4A1AF
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB1A4
#AFB1A4
#AFB1A4
#AFB1A4
#B0B1A3
#B0B1A3
#B0B1A3
#AFAEA7
#AFAEA7
#B0AEA6
#B0AEA6
#B0AEA6
#B1AEA5
#B1AEA5
#AFABAA
#AFABAA
#B0ABA9
#B0ABA9
#B0ABA9
#B1ABA8
#B1ABA8
#AFA8AD
#AFA8AD
#B0A8AC
#B0A8AC
#B1A8AB
#B1A8AB
#B2A8AA
#AFA5B0
#B0A5AF
#B0A5AF
#B1A5AE
#B2A5AD
#B2A5AD
#B3A5AC
#AFA1B4
#B0A1B3
#B1A1B2
#B1A1B2
#B2A1B1
#B3A1B0
#B4A1AF
Colorpallet from #AFB4A1 to #AFA1B4 and to #A1AFB4
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB1A4
#AFB1A4
#AEB2A4
#AEB2A4
#AEB2A4
#ADB3A4
#ADB3A4
#AFAEA7
#AEAFA7
#AEAFA7
#ADB0A7
#ACB1A7
#ACB1A7
#ABB2A7
#AFABAA
#AEACAA
#ADADAA
#ACAEAA
#ABAFAA
#A9B1AA
#A8B2AA
#AFA8AD
#AEA9AD
#ACABAD
#ABACAD
#A9AEAD
#A8AFAD
#A6B1AD
#AFA5B0
#ADA7B0
#ABA9B0
#AAAAB0
#A8ACB0
#A6AEB0
#A4B0B0
#AFA1B4
#ADA3B4
#ABA5B4
#A8A8B4
#A6AAB4
#A4ACB4
#A1AFB4
Colorpallet from #AFB4A1 to #AFA1B4 and to #A1B4AF
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB1A4
#AFB1A4
#AEB2A4
#AEB2A4
#AEB3A3
#ADB3A3
#ADB4A3
#AFAEA7
#AEAFA7
#AEB0A6
#ADB1A6
#ACB2A6
#ACB3A5
#ABB4A5
#AFABAA
#AEACAA
#ADAEA9
#ACAFA9
#ABB1A9
#A9B2A8
#A8B4A8
#AFA8AD
#AEAAAD
#ACACAC
#ABAEAC
#A9B0AB
#A8B2AB
#A6B4AA
#AFA5B0
#ADA7AF
#ABAAAF
#AAACAE
#A8AFAD
#A6B1AD
#A4B4AC
#AFA1B4
#ADA4B3
#ABA7B2
#A8AAB2
#A6ADB1
#A4B0B0
#A1B4AF
Colorpallet from #AFB4A1 to #B4AFA1 and to #B4A1AF
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#B0B3A1
#B0B3A1
#B0B2A2
#B0B2A2
#B0B2A2
#B0B1A3
#B0B1A3
#B1B2A1
#B1B1A2
#B1B1A2
#B1B0A3
#B1AFA4
#B1AFA4
#B1AEA5
#B1B2A1
#B1B1A2
#B1B0A3
#B1AFA4
#B1AEA5
#B1ACA7
#B1ABA8
#B2B1A1
#B2B0A2
#B2AEA4
#B2ADA5
#B2ABA7
#B2AAA8
#B2A8AA
#B3B0A1
#B3AEA3
#B3ACA5
#B3ABA6
#B3A9A8
#B3A7AA
#B3A5AC
#B4AFA1
#B4ADA3
#B4ABA5
#B4A8A8
#B4A6AA
#B4A4AC
#B4A1AF
Colorpallet from #AFB4A1 to #B4AFA1 and to #A1AFB4
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#B0B3A1
#B0B3A1
#AFB3A2
#AFB3A2
#AEB3A3
#AEB3A3
#ADB3A4
#B1B2A1
#B0B2A2
#AFB2A3
#AEB2A4
#ADB2A5
#ACB2A6
#ABB2A7
#B1B2A1
#B0B2A2
#AEB2A4
#ADB2A5
#ABB2A7
#AAB2A8
#A8B2AA
#B2B1A1
#B0B1A3
#AEB1A5
#ACB1A7
#AAB1A9
#A8B1AB
#A6B1AD
#B3B0A1
#B1B0A3
#AEB0A6
#ACB0A8
#A9B0AB
#A7B0AD
#A4B0B0
#B4AFA1
#B1AFA4
#AEAFA7
#ABAFAA
#A8AFAD
#A5AFB0
#A1AFB4
Colorpallet from #AFB4A1 to #B4AFA1 and to #A1B4AF
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#B0B3A1
#B0B3A1
#AFB3A2
#AFB3A2
#AEB4A2
#AEB4A3
#ADB4A3
#B1B2A1
#B0B2A2
#AFB3A2
#AEB3A3
#ADB3A4
#ACB4A4
#ABB4A5
#B1B2A1
#B0B2A2
#AEB3A3
#ADB3A4
#ABB3A5
#AAB4A7
#A8B4A8
#B2B1A1
#B0B1A2
#AEB2A4
#ACB2A5
#AAB3A7
#A8B3A8
#A6B4AA
#B3B0A1
#B1B1A3
#AEB1A5
#ACB2A6
#A9B3A8
#A7B3AA
#A4B4AC
#B4AFA1
#B1B0A3
#AEB1A5
#ABB1A8
#A8B2AA
#A5B3AC
#A1B4AF
Colorpallet from #AFB4A1 to #B4A1AF and to #A1AFB4
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#B0B1A3
#B0B1A3
#AFB2A3
#AFB2A3
#AEB2A4
#AEB3A4
#ADB3A4
#B1AEA5
#B0AFA5
#AFAFA6
#AEB0A6
#ADB1A6
#ACB1A7
#ABB2A7
#B1ABA8
#B0ACA8
#AEADA9
#ADAEA9
#ABAFA9
#AAB1AA
#A8B2AA
#B2A8AA
#B0A9AA
#AEABAB
#ACACAB
#AAAEAC
#A8AFAC
#A6B1AD
#B3A5AC
#B1A7AD
#AEA9AD
#ACAAAE
#A9ACAF
#A7AEAF
#A4B0B0
#B4A1AF
#B1A3B0
#AEA5B1
#ABA8B1
#A8AAB2
#A5ACB3
#A1AFB4
Colorpallet from #AFB4A1 to #B4A1AF and to #A1B4AF
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#B0B1A3
#B0B1A3
#AFB2A3
#AFB2A3
#AEB3A3
#AEB3A3
#ADB4A3
#B1AEA5
#B0AFA5
#AFB0A5
#AEB1A5
#ADB2A5
#ACB3A5
#ABB4A5
#B1ABA8
#B0ACA8
#AEAEA8
#ADAFA8
#ABB1A8
#AAB2A8
#A8B4A8
#B2A8AA
#B0AAAA
#AEACAA
#ACAEAA
#AAB0AA
#A8B2AA
#A6B4AA
#B3A5AC
#B1A7AC
#AEAAAC
#ACACAC
#A9AFAC
#A7B1AC
#A4B4AC
#B4A1AF
#B1A4AF
#AEA7AF
#ABAAAF
#A8ADAF
#A5B0AF
#A1B4AF
Colorpallet from #AFB4A1 to #A1AFB4 and to #A1B4AF
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#AFB4A1
#ADB3A4
#ADB3A4
#ADB3A4
#ADB3A4
#ADB4A3
#ADB4A3
#ADB4A3
#ABB2A7
#ABB2A7
#ABB3A6
#ABB3A6
#ABB3A6
#ABB4A5
#ABB4A5
#A8B2AA
#A8B2AA
#A8B3A9
#A8B3A9
#A8B3A9
#A8B4A8
#A8B4A8
#A6B1AD
#A6B1AD
#A6B2AC
#A6B2AC
#A6B3AB
#A6B3AB
#A6B4AA
#A4B0B0
#A4B1AF
#A4B1AF
#A4B2AE
#A4B3AD
#A4B3AD
#A4B4AC
#A1AFB4
#A1B0B3
#A1B1B2
#A1B1B2
#A1B2B1
#A1B3B0
#A1B4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts