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 #AFA6B3 to #AFB3A6 and to #A6AFB3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA8B1
#AFA8B1
#AFA8B2
#AFA8B2
#AEA7B2
#AEA7B3
#AEA7B3
#AFAAAF
#AFAAB0
#AEAAB0
#AEAAB1
#ADA9B2
#ADA9B2
#ACA9B3
#AFACAD
#AEACAE
#AEABAF
#ADABB0
#ACABB1
#ACAAB2
#ABAAB3
#AFAEAB
#AEAEAC
#ADADAE
#ACADAF
#ABADB0
#AAACB1
#A9ACB3
#AFB0A9
#AEB0AB
#ADAFAC
#ACAFAE
#ABAEAF
#A9AEB1
#A8ADB3
#AFB3A6
#AEB2A8
#ACB2AA
#ABB1AC
#A9B0AE
#A8B0B0
#A6AFB3
Colorpallet from #AFA6B3 to #AFB3A6 and to #A6B3AF
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA8B1
#AFA8B1
#AFA8B1
#AFA8B1
#AEA8B2
#AEA8B2
#AEA8B2
#AFAAAF
#AFAAAF
#AEAAB0
#AEAAB0
#ADAAB1
#ADAAB1
#ACAAB2
#AFACAD
#AEACAE
#AEACAE
#ADACAF
#ACACB0
#ACACB0
#ABACB1
#AFAEAB
#AEAEAC
#ADAEAD
#ACAEAD
#ABAEAE
#AAAEAF
#A9AEB0
#AFB0A9
#AEB0AA
#ADB0AB
#ACB0AC
#ABB0AD
#A9B0AF
#A8B0B0
#AFB3A6
#AEB3A7
#ACB3A9
#ABB3AA
#A9B3AC
#A8B3AD
#A6B3AF
Colorpallet from #AFA6B3 to #AFB3A6 and to #B3AFA6
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA8B1
#AFA8B1
#AFA8B1
#AFA8B1
#B0A7B1
#B0A7B1
#B0A7B1
#AFAAAF
#AFAAAF
#AFAAAF
#AFAAAF
#B0A9AF
#B0A9AF
#B0A9AF
#AFACAD
#AFACAD
#B0ABAD
#B0ABAD
#B0ABAD
#B1AAAD
#B1AAAD
#AFAEAB
#AFAEAB
#B0ADAB
#B0ADAB
#B1ADAB
#B1ACAB
#B2ACAB
#AFB0A9
#AFB0A9
#B0AFA9
#B0AFA9
#B1AEA9
#B1AEA9
#B2ADA9
#AFB3A6
#B0B2A6
#B0B2A6
#B1B1A6
#B2B0A6
#B2B0A6
#B3AFA6
Colorpallet from #AFA6B3 to #AFB3A6 and to #B3A6AF
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA8B1
#AFA8B1
#AFA7B1
#AFA7B1
#B0A7B2
#B0A6B2
#B0A6B2
#AFAAAF
#AFA9AF
#AFA9B0
#AFA8B0
#B0A7B1
#B0A7B1
#B0A6B2
#AFACAD
#AFABAE
#B0AAAE
#B0A9AF
#B0A8B0
#B1A7B0
#B1A6B1
#AFAEAB
#AFADAC
#B0ABAD
#B0AAAD
#B1A9AE
#B1A8AF
#B2A6B0
#AFB0A9
#AFAEAA
#B0ADAB
#B0ABAC
#B1AAAD
#B1A8AF
#B2A6B0
#AFB3A6
#B0B1A7
#B0AFA9
#B1ADAA
#B2ABAC
#B2A9AD
#B3A6AF
Colorpallet from #AFA6B3 to #A6AFB3 and to #A6B3AF
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AEA7B3
#AEA7B3
#AEA7B3
#AEA7B3
#AEA8B2
#AEA8B2
#AEA8B2
#ACA9B3
#ACA9B3
#ACA9B3
#ACA9B3
#ACAAB2
#ACAAB2
#ACAAB2
#ABAAB3
#ABAAB3
#ABABB2
#ABABB2
#ABABB2
#ABACB1
#ABACB1
#A9ACB3
#A9ACB3
#A9ADB2
#A9ADB2
#A9ADB1
#A9AEB1
#A9AEB0
#A8ADB3
#A8ADB3
#A8AEB2
#A8AEB2
#A8AFB1
#A8AFB1
#A8B0B0
#A6AFB3
#A6B0B2
#A6B0B2
#A6B1B1
#A6B2B0
#A6B2B0
#A6B3AF
Colorpallet from #AFA6B3 to #A6AFB3 and to #B3AFA6
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AEA7B3
#AEA7B3
#AFA7B2
#AFA7B2
#AFA7B2
#B0A7B1
#B0A7B1
#ACA9B3
#ADA9B2
#ADA9B2
#AEA9B1
#AFA9B0
#AFA9B0
#B0A9AF
#ABAAB3
#ACAAB2
#ADAAB1
#AEAAB0
#AFAAAF
#B0AAAE
#B1AAAD
#A9ACB3
#AAACB2
#ACACB0
#ADACAF
#AFACAE
#B0ACAD
#B2ACAB
#A8ADB3
#AAADB1
#ABADB0
#ADADAE
#AEADAD
#B0ADAB
#B2ADA9
#A6AFB3
#A8AFB1
#AAAFAF
#ACAFAD
#AEAFAB
#B0AFA9
#B3AFA6
Colorpallet from #AFA6B3 to #A6AFB3 and to #B3A6AF
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AEA7B3
#AEA7B3
#AFA7B3
#AFA7B3
#AFA6B2
#B0A6B2
#B0A6B2
#ACA9B3
#ADA9B3
#ADA8B3
#AEA8B3
#AFA7B2
#AFA7B2
#B0A6B2
#ABAAB3
#ACA9B3
#ADA9B2
#AEA8B2
#AFA7B2
#B0A7B1
#B1A6B1
#A9ACB3
#AAABB3
#ACAAB2
#ADA9B2
#AFA8B1
#B0A7B1
#B2A6B0
#A8ADB3
#AAACB3
#ABABB2
#ADAAB2
#AEA9B1
#B0A7B1
#B2A6B0
#A6AFB3
#A8AEB2
#AAACB2
#ACABB1
#AEA9B0
#B0A8B0
#B3A6AF
Colorpallet from #AFA6B3 to #A6B3AF and to #B3AFA6
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AEA8B2
#AEA8B2
#AFA8B2
#AFA8B2
#AFA7B1
#B0A7B1
#B0A7B1
#ACAAB2
#ADAAB2
#ADAAB1
#AEAAB1
#AFA9B0
#AFA9B0
#B0A9AF
#ABACB1
#ACACB0
#ADABB0
#AEABAF
#AFABAE
#B0AAAE
#B1AAAD
#A9AEB0
#AAAEAF
#ACADAE
#ADADAE
#AFADAD
#B0ACAC
#B2ACAB
#A8B0B0
#AAB0AF
#ABAFAE
#ADAFAD
#AEAEAC
#B0AEAA
#B2ADA9
#A6B3AF
#A8B2AE
#AAB2AC
#ACB1AB
#AEB0A9
#B0B0A8
#B3AFA6
Colorpallet from #AFA6B3 to #A6B3AF and to #B3A6AF
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AEA8B2
#AEA8B2
#AFA7B2
#AFA7B2
#AFA7B2
#B0A6B2
#B0A6B2
#ACAAB2
#ADA9B2
#ADA9B2
#AEA8B2
#AFA7B2
#AFA7B2
#B0A6B2
#ABACB1
#ACABB1
#ADAAB1
#AEA9B1
#AFA8B1
#B0A7B1
#B1A6B1
#A9AEB0
#AAADB0
#ACABB0
#ADAAB0
#AFA9B0
#B0A8B0
#B2A6B0
#A8B0B0
#AAAEB0
#ABADB0
#ADABB0
#AEAAB0
#B0A8B0
#B2A6B0
#A6B3AF
#A8B1AF
#AAAFAF
#ACADAF
#AEABAF
#B0A9AF
#B3A6AF
Colorpallet from #AFA6B3 to #B3AFA6 and to #B3A6AF
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#AFA6B3
#B0A7B1
#B0A7B1
#B0A7B1
#B0A7B1
#B0A6B2
#B0A6B2
#B0A6B2
#B0A9AF
#B0A9AF
#B0A8B0
#B0A8B0
#B0A7B1
#B0A7B1
#B0A6B2
#B1AAAD
#B1A9AE
#B1A9AE
#B1A8AF
#B1A7B0
#B1A7B0
#B1A6B1
#B2ACAB
#B2ABAC
#B2AAAD
#B2A9AD
#B2A8AE
#B2A7AF
#B2A6B0
#B2ADA9
#B2ACAA
#B2ABAB
#B2AAAC
#B2A9AD
#B2A7AF
#B2A6B0
#B3AFA6
#B3AEA7
#B3ACA9
#B3ABAA
#B3A9AC
#B3A8AD
#B3A6AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts