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 #A7D3D9 to #A7D9D3 and to #D3A7D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D4D8
#A8D3D8
#A9D1D8
#AAD0D8
#ABCFD9
#ADCED9
#AECCD9
#A7D5D7
#A9D2D7
#ABD0D8
#AECDD8
#B0CBD8
#B2C8D9
#B5C5D9
#A7D6D6
#AAD2D6
#AECED7
#B1CAD7
#B4C7D8
#B8C3D8
#BCBED9
#A7D7D5
#ABD2D6
#B0CDD6
#B4C8D7
#B9C3D8
#BDBDD8
#C3B7D9
#A7D8D4
#ADD2D5
#B2CBD6
#B8C5D6
#BDBED7
#C3B8D8
#CAB0D9
#A7D9D3
#AED1D4
#B5C9D5
#BCC1D6
#C3B9D7
#CAB1D8
#D3A7D9
Colorpallet from #A7D3D9 to #A7D9D3 and to #D3D9A7
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D4D8
#A8D4D7
#A9D4D6
#AAD4D5
#ABD4D4
#ADD4D2
#AED4D1
#A7D5D7
#A9D5D5
#ABD5D3
#AED5D0
#B0D5CE
#B2D5CC
#B5D5C9
#A7D6D6
#AAD6D3
#AED6CF
#B1D6CC
#B4D6C9
#B8D6C5
#BCD6C1
#A7D7D5
#ABD7D1
#B0D7CC
#B4D7C8
#B9D7C3
#BDD7BF
#C3D7B9
#A7D8D4
#ADD8CE
#B2D8C9
#B8D8C3
#BDD8BE
#C3D8B8
#CAD8B1
#A7D9D3
#AED9CC
#B5D9C5
#BCD9BE
#C3D9B7
#CAD9B0
#D3D9A7
Colorpallet from #A7D3D9 to #A7D9D3 and to #D9A7D3
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D4D8
#A8D3D8
#AAD1D8
#ABD0D8
#ACCFD8
#ADCED8
#AFCCD8
#A7D5D7
#AAD2D7
#ACD0D7
#AFCDD7
#B1CBD7
#B4C8D7
#B7C5D7
#A7D6D6
#ABD2D6
#AFCED6
#B3CAD6
#B6C7D6
#BAC3D6
#BFBED6
#A7D7D5
#ACD2D5
#B1CDD5
#B6C8D5
#BBC3D5
#C1BDD5
#C7B7D5
#A7D8D4
#ADD2D4
#B4CBD4
#BAC5D4
#C1BED4
#C7B8D4
#CFB0D4
#A7D9D3
#AFD1D3
#B7C9D3
#BFC1D3
#C7B9D3
#CFB1D3
#D9A7D3
Colorpallet from #A7D3D9 to #A7D9D3 and to #D9D3A7
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D4D8
#A8D4D7
#AAD4D6
#ABD4D5
#ACD3D4
#ADD3D2
#AFD3D1
#A7D5D7
#AAD5D5
#ACD4D3
#AFD4D0
#B1D4CE
#B4D3CC
#B7D3C9
#A7D6D6
#ABD6D3
#AFD5CF
#B3D5CC
#B6D4C9
#BAD4C5
#BFD3C1
#A7D7D5
#ACD6D1
#B1D6CC
#B6D5C8
#BBD4C3
#C1D4BF
#C7D3B9
#A7D8D4
#ADD7CE
#B4D6C9
#BAD6C3
#C1D5BE
#C7D4B8
#CFD3B1
#A7D9D3
#AFD8CC
#B7D7C5
#BFD6BE
#C7D5B7
#CFD4B0
#D9D3A7
Colorpallet from #A7D3D9 to #D3A7D9 and to #D3D9A7
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#AECCD9
#AECDD8
#AECFD6
#AED0D5
#AED1D4
#AED2D3
#AED4D1
#B5C5D9
#B5C8D6
#B5CAD4
#B5CDD1
#B5CFCF
#B5D2CC
#B5D5C9
#BCBED9
#BCC2D5
#BCC6D1
#BCCACD
#BCCDCA
#BCD1C6
#BCD6C1
#C3B7D9
#C3BCD4
#C3C1CF
#C3C6CA
#C3CBC5
#C3D1BF
#C3D7B9
#CAB0D9
#CAB6D3
#CABDCC
#CAC3C6
#CACABF
#CAD0B9
#CAD8B1
#D3A7D9
#D3AFD1
#D3B7C9
#D3BFC1
#D3C7B9
#D3CFB1
#D3D9A7
Colorpallet from #A7D3D9 to #D3A7D9 and to #D9A7D3
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#AECCD9
#AECCD9
#AECCD9
#AECCD9
#AFCCD8
#AFCCD8
#AFCCD8
#B5C5D9
#B5C5D9
#B6C5D8
#B6C5D8
#B6C5D8
#B7C5D7
#B7C5D7
#BCBED9
#BCBED9
#BDBED8
#BDBED8
#BEBED7
#BEBED7
#BFBED6
#C3B7D9
#C4B7D8
#C4B7D8
#C5B7D7
#C6B7D6
#C6B7D6
#C7B7D5
#CAB0D9
#CBB0D8
#CCB0D7
#CCB0D7
#CDB0D6
#CEB0D5
#CFB0D4
#D3A7D9
#D4A7D8
#D5A7D7
#D6A7D6
#D7A7D5
#D8A7D4
#D9A7D3
Colorpallet from #A7D3D9 to #D3A7D9 and to #D9D3A7
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#AECCD9
#AECDD8
#AECED6
#AECFD5
#AFD0D4
#AFD2D3
#AFD3D1
#B5C5D9
#B5C7D6
#B6C9D4
#B6CCD1
#B6CECF
#B7D0CC
#B7D3C9
#BCBED9
#BCC1D5
#BDC5D1
#BDC8CD
#BECBCA
#BECFC6
#BFD3C1
#C3B7D9
#C4BBD4
#C4C0CF
#C5C4CA
#C6C9C5
#C6CDBF
#C7D3B9
#CAB0D9
#CBB6D3
#CCBBCC
#CCC1C6
#CDC6BF
#CECCB9
#CFD3B1
#D3A7D9
#D4AED1
#D5B5C9
#D6BCC1
#D7C3B9
#D8CAB1
#D9D3A7
Colorpallet from #A7D3D9 to #D3D9A7 and to #D9A7D3
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#AED4D1
#AED3D2
#AED1D3
#AED0D4
#AFCFD5
#AFCED7
#AFCCD8
#B5D5C9
#B5D2CB
#B6D0CD
#B6CDD0
#B6CBD2
#B7C8D4
#B7C5D7
#BCD6C1
#BCD2C4
#BDCEC8
#BDCACB
#BEC7CE
#BEC3D2
#BFBED6
#C3D7B9
#C4D2BD
#C4CDC2
#C5C8C6
#C6C3CB
#C6BDCF
#C7B7D5
#CAD8B1
#CBD2B7
#CCCBBC
#CCC5C2
#CDBEC7
#CEB8CD
#CFB0D4
#D3D9A7
#D4D1AE
#D5C9B5
#D6C1BC
#D7B9C3
#D8B1CA
#D9A7D3
Colorpallet from #A7D3D9 to #D3D9A7 and to #D9D3A7
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#AED4D1
#AED4D1
#AED4D1
#AED4D1
#AFD3D1
#AFD3D1
#AFD3D1
#B5D5C9
#B5D5C9
#B6D4C9
#B6D4C9
#B6D4C9
#B7D3C9
#B7D3C9
#BCD6C1
#BCD6C1
#BDD5C1
#BDD5C1
#BED4C1
#BED4C1
#BFD3C1
#C3D7B9
#C4D6B9
#C4D6B9
#C5D5B9
#C6D4B9
#C6D4B9
#C7D3B9
#CAD8B1
#CBD7B1
#CCD6B1
#CCD6B1
#CDD5B1
#CED4B1
#CFD3B1
#D3D9A7
#D4D8A7
#D5D7A7
#D6D6A7
#D7D5A7
#D8D4A7
#D9D3A7
Colorpallet from #A7D3D9 to #D9A7D3 and to #D9D3A7
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#A7D3D9
#AFCCD8
#AFCDD7
#AFCED6
#AFCFD5
#AFD0D4
#AFD2D2
#AFD3D1
#B7C5D7
#B7C7D5
#B7C9D3
#B7CCD0
#B7CECE
#B7D0CC
#B7D3C9
#BFBED6
#BFC1D3
#BFC5CF
#BFC8CC
#BFCBC9
#BFCFC5
#BFD3C1
#C7B7D5
#C7BBD1
#C7C0CC
#C7C4C8
#C7C9C3
#C7CDBF
#C7D3B9
#CFB0D4
#CFB6CE
#CFBBC9
#CFC1C3
#CFC6BE
#CFCCB8
#CFD3B1
#D9A7D3
#D9AECC
#D9B5C5
#D9BCBE
#D9C3B7
#D9CAB0
#D9D3A7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
