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 #A8C4D9 to #A8D9C4 and to #C4A8D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C7D6
#A9C6D6
#A9C5D7
#AAC4D7
#ABC3D8
#ABC1D8
#ACC0D9
#A8CBD2
#A9C8D3
#ABC6D4
#ACC3D5
#AEC1D6
#AFBED8
#B1BBD9
#A8CECF
#AACAD1
#ACC7D2
#AEC3D4
#B0BFD5
#B2BCD7
#B5B7D9
#A8D1CC
#ABCCCE
#AEC7D0
#B1C2D2
#B4BDD4
#B6B8D6
#BAB2D9
#A8D5C8
#ACCFCB
#AFC9CD
#B3C2D0
#B6BCD3
#BAB6D6
#BEAED9
#A8D9C4
#ACD1C7
#B1C9CB
#B5C1CE
#BABAD1
#BEB2D5
#C4A8D9
Colorpallet from #A8C4D9 to #A8D9C4 and to #C4D9A8
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C7D6
#A9C7D5
#A9C7D4
#AAC7D4
#ABC7D3
#ABC7D2
#ACC7D1
#A8CBD2
#A9CBD1
#ABCBCF
#ACCBCE
#AECBCC
#AFCBCB
#B1CBC9
#A8CECF
#AACECD
#ACCECB
#AECEC8
#B0CEC6
#B2CEC4
#B5CEC1
#A8D1CC
#ABD1C9
#AED1C6
#B1D1C3
#B4D1C0
#B6D1BE
#BAD1BA
#A8D5C8
#ACD5C4
#AFD5C1
#B3D5BD
#B6D5BA
#BAD5B6
#BED5B2
#A8D9C4
#ACD9C0
#B1D9BB
#B5D9B7
#BAD9B2
#BED9AE
#C4D9A8
Colorpallet from #A8C4D9 to #A8D9C4 and to #D9A8C4
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C7D6
#A9C6D6
#ABC5D6
#ACC4D6
#ADC3D6
#AEC1D6
#B0C0D6
#A8CBD2
#ABC8D2
#ADC6D2
#B0C3D2
#B2C1D2
#B5BED2
#B8BBD2
#A8CECF
#ACCACF
#B0C7CF
#B4C3CF
#B7BFCF
#BBBCCF
#C0B7CF
#A8D1CC
#ADCCCC
#B2C7CC
#B7C2CC
#BCBDCC
#C1B8CC
#C7B2CC
#A8D5C8
#AECFC8
#B4C9C8
#BBC2C8
#C1BCC8
#C7B6C8
#CFAEC8
#A8D9C4
#B0D1C4
#B8C9C4
#C0C1C4
#C7BAC4
#CFB2C4
#D9A8C4
Colorpallet from #A8C4D9 to #A8D9C4 and to #D9C4A8
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C7D6
#A9C7D5
#ABC6D4
#ACC6D4
#ADC5D3
#AEC5D2
#B0C4D1
#A8CBD2
#ABCAD1
#ADC9CF
#B0C8CE
#B2C7CC
#B5C5CB
#B8C4C9
#A8CECF
#ACCCCD
#B0CBCB
#B4C9C8
#B7C8C6
#BBC6C4
#C0C4C1
#A8D1CC
#ADCFC9
#B2CDC6
#B7CBC3
#BCC9C0
#C1C7BE
#C7C4BA
#A8D5C8
#AED2C4
#B4D0C1
#BBCDBD
#C1CABA
#C7C7B6
#CFC4B2
#A8D9C4
#B0D6C0
#B8D2BB
#C0CFB7
#C7CCB2
#CFC8AE
#D9C4A8
Colorpallet from #A8C4D9 to #C4A8D9 and to #C4D9A8
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#ACC0D9
#ACC1D8
#ACC2D6
#ACC3D5
#ACC4D4
#ACC6D3
#ACC7D1
#B1BBD9
#B1BED6
#B1C0D4
#B1C3D1
#B1C5CF
#B1C8CC
#B1CBC9
#B5B7D9
#B5BBD5
#B5BED1
#B5C2CD
#B5C6CA
#B5C9C6
#B5CEC1
#BAB2D9
#BAB7D4
#BABCCF
#BAC1CA
#BAC6C5
#BACBC0
#BAD1BA
#BEAED9
#BEB4D3
#BEBACD
#BEC1C6
#BEC7C0
#BECDBA
#BED5B2
#C4A8D9
#C4B0D1
#C4B8C9
#C4C0C1
#C4C7BA
#C4CFB2
#C4D9A8
Colorpallet from #A8C4D9 to #C4A8D9 and to #D9A8C4
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#ACC0D9
#ADC0D9
#ADC0D8
#AEC0D8
#AFC0D7
#AFC0D7
#B0C0D6
#B1BBD9
#B2BBD8
#B3BBD7
#B4BBD6
#B5BBD5
#B7BBD3
#B8BBD2
#B5B7D9
#B7B7D7
#B9B7D6
#BAB7D4
#BCB7D3
#BEB7D1
#C0B7CF
#BAB2D9
#BCB2D7
#BEB2D5
#C0B2D3
#C2B2D1
#C4B2CF
#C7B2CC
#BEAED9
#C1AED6
#C3AED4
#C6AED1
#C9AECE
#CCAECB
#CFAEC8
#C4A8D9
#C7A8D6
#CBA8D2
#CEA8CF
#D1A8CC
#D5A8C8
#D9A8C4
Colorpallet from #A8C4D9 to #C4A8D9 and to #D9C4A8
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#ACC0D9
#ADC1D8
#ADC1D6
#AEC2D5
#AFC3D4
#AFC3D3
#B0C4D1
#B1BBD9
#B2BCD6
#B3BED4
#B4BFD1
#B5C1CF
#B7C2CC
#B8C4C9
#B5B7D9
#B7B9D5
#B9BBD1
#BABDCD
#BCBFCA
#BEC1C6
#C0C4C1
#BAB2D9
#BCB5D4
#BEB8CF
#C0BBCA
#C2BEC5
#C4C0C0
#C7C4BA
#BEAED9
#C1B2D3
#C3B5CD
#C6B9C6
#C9BCC0
#CCC0BA
#CFC4B2
#C4A8D9
#C7ACD1
#CBB1C9
#CEB5C1
#D1BABA
#D5BEB2
#D9C4A8
Colorpallet from #A8C4D9 to #C4D9A8 and to #D9A8C4
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#ACC7D1
#ADC6D2
#ADC5D3
#AEC4D3
#AFC3D4
#AFC1D5
#B0C0D6
#B1CBC9
#B2C8CA
#B3C6CC
#B4C3CD
#B5C1CF
#B7BED0
#B8BBD2
#B5CEC1
#B7CAC3
#B9C7C5
#BAC3C8
#BCBFCA
#BEBCCC
#C0B7CF
#BAD1BA
#BCCCBD
#BEC7C0
#C0C2C3
#C2BDC6
#C4B8C8
#C7B2CC
#BED5B2
#C1CFB6
#C3C9B9
#C6C2BD
#C9BCC0
#CCB6C4
#CFAEC8
#C4D9A8
#C7D1AC
#CBC9B1
#CEC1B5
#D1BABA
#D5B2BE
#D9A8C4
Colorpallet from #A8C4D9 to #C4D9A8 and to #D9C4A8
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#ACC7D1
#ADC7D1
#ADC6D1
#AEC6D1
#AFC5D1
#AFC5D1
#B0C4D1
#B1CBC9
#B2CAC9
#B3C9C9
#B4C8C9
#B5C7C9
#B7C5C9
#B8C4C9
#B5CEC1
#B7CCC1
#B9CBC1
#BAC9C1
#BCC8C1
#BEC6C1
#C0C4C1
#BAD1BA
#BCCFBA
#BECDBA
#C0CBBA
#C2C9BA
#C4C7BA
#C7C4BA
#BED5B2
#C1D2B2
#C3D0B2
#C6CDB2
#C9CAB2
#CCC7B2
#CFC4B2
#C4D9A8
#C7D6A8
#CBD2A8
#CECFA8
#D1CCA8
#D5C8A8
#D9C4A8
Colorpallet from #A8C4D9 to #D9A8C4 and to #D9C4A8
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#A8C4D9
#B0C0D6
#B0C1D5
#B0C1D4
#B0C2D4
#B0C3D3
#B0C3D2
#B0C4D1
#B8BBD2
#B8BCD1
#B8BECF
#B8BFCE
#B8C1CC
#B8C2CB
#B8C4C9
#C0B7CF
#C0B9CD
#C0BBCB
#C0BDC8
#C0BFC6
#C0C1C4
#C0C4C1
#C7B2CC
#C7B5C9
#C7B8C6
#C7BBC3
#C7BEC0
#C7C0BE
#C7C4BA
#CFAEC8
#CFB2C4
#CFB5C1
#CFB9BD
#CFBCBA
#CFC0B6
#CFC4B2
#D9A8C4
#D9ACC0
#D9B1BB
#D9B5B7
#D9BAB2
#D9BEAE
#D9C4A8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
