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 #A4C2D8 to #A4D8C2 and to #C2A4D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C6D4
#A5C5D5
#A6C3D5
#A6C2D6
#A7C0D7
#A8BFD7
#A9BDD8
#A4C9D1
#A6C6D2
#A7C4D3
#A9C1D4
#AABED5
#ACBBD7
#AEB8D8
#A4CDCD
#A6C9CF
#A8C5D1
#ABC1D2
#ADBDD4
#AFB9D6
#B2B4D8
#A4D0CA
#A7CBCC
#AAC5CE
#ADC0D1
#B0BBD3
#B3B6D5
#B7AFD8
#A4D4C6
#A8CDC9
#ACC7CC
#B0C0CF
#B3B9D2
#B7B2D4
#BCAAD8
#A4D8C2
#A9D0C6
#AEC7C9
#B2BFCD
#B7B7D0
#BCAED4
#C2A4D8
Colorpallet from #A4C2D8 to #A4D8C2 and to #C2D8A4
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C6D4
#A5C6D3
#A6C6D3
#A6C6D2
#A7C6D1
#A8C6D1
#A9C6D0
#A4C9D1
#A6C9CF
#A7C9CE
#A9C9CC
#AAC9CB
#ACC9C9
#AEC9C7
#A4CDCD
#A6CDCB
#A8CDC9
#ABCDC6
#ADCDC4
#AFCDC2
#B2CDBF
#A4D0CA
#A7D0C7
#AAD0C4
#ADD0C1
#B0D0BE
#B3D0BB
#B7D0B7
#A4D4C6
#A8D4C2
#ACD4BE
#B0D4BA
#B3D4B7
#B7D4B3
#BCD4AE
#A4D8C2
#A9D8BD
#AED8B8
#B2D8B4
#B7D8AF
#BCD8AA
#C2D8A4
Colorpallet from #A4C2D8 to #A4D8C2 and to #D8A4C2
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C6D4
#A5C5D4
#A7C3D4
#A8C2D4
#A9C0D4
#AABFD4
#ACBDD4
#A4C9D1
#A7C6D1
#A9C4D1
#ACC1D1
#AFBED1
#B2BBD1
#B5B8D1
#A4CDCD
#A8C9CD
#ACC5CD
#B0C1CD
#B4BDCD
#B8B9CD
#BDB4CD
#A4D0CA
#A9CBCA
#AFC5CA
#B4C0CA
#B9BBCA
#BEB6CA
#C5AFCA
#A4D4C6
#ABCDC6
#B1C7C6
#B8C0C6
#BFB9C6
#C6B2C6
#CEAAC6
#A4D8C2
#ACD0C2
#B5C7C2
#BDBFC2
#C5B7C2
#CEAEC2
#D8A4C2
Colorpallet from #A4C2D8 to #A4D8C2 and to #D8C2A4
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C6D4
#A5C5D3
#A7C5D3
#A8C4D2
#A9C3D1
#AAC3D1
#ACC2D0
#A4C9D1
#A7C8CF
#A9C7CE
#ACC6CC
#AFC5CB
#B2C3C9
#B5C2C7
#A4CDCD
#A8CBCB
#ACC9C9
#B0C8C6
#B4C6C4
#B8C4C2
#BDC2BF
#A4D0CA
#A9CEC7
#AFCCC4
#B4C9C1
#B9C7BE
#BEC5BB
#C5C2B7
#A4D4C6
#ABD1C2
#B1CEBE
#B8CBBA
#BFC8B7
#C6C6B3
#CEC2AE
#A4D8C2
#ACD4BD
#B5D1B8
#BDCDB4
#C5CAAF
#CEC6AA
#D8C2A4
Colorpallet from #A4C2D8 to #C2A4D8 and to #C2D8A4
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A9BDD8
#A9BED7
#A9C0D5
#A9C1D4
#A9C3D3
#A9C4D2
#A9C6D0
#AEB8D8
#AEBBD5
#AEBDD3
#AEC0D0
#AEC3CD
#AEC6CA
#AEC9C7
#B2B4D8
#B2B8D4
#B2BCD0
#B2C0CC
#B2C4C8
#B2C8C4
#B2CDBF
#B7AFD8
#B7B4D3
#B7BACD
#B7BFC8
#B7C4C3
#B7C9BE
#B7D0B7
#BCAAD8
#BCB1D1
#BCB7CB
#BCBEC4
#BCC5BD
#BCCCB6
#BCD4AE
#C2A4D8
#C2ACD0
#C2B5C7
#C2BDBF
#C2C5B7
#C2CEAE
#C2D8A4
Colorpallet from #A4C2D8 to #C2A4D8 and to #D8A4C2
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A9BDD8
#A9BDD7
#AABDD7
#AABDD6
#ABBDD5
#ABBDD5
#ACBDD4
#AEB8D8
#AFB8D7
#B0B8D6
#B1B8D5
#B2B8D4
#B4B8D2
#B5B8D1
#B2B4D8
#B4B4D6
#B6B4D4
#B7B4D3
#B9B4D1
#BBB4CF
#BDB4CD
#B7AFD8
#B9AFD6
#BBAFD4
#BEAFD1
#C0AFCF
#C2AFCD
#C5AFCA
#BCAAD8
#BFAAD5
#C2AAD2
#C5AACF
#C8AACC
#CAAACA
#CEAAC6
#C2A4D8
#C6A4D4
#C9A4D1
#CDA4CD
#D0A4CA
#D4A4C6
#D8A4C2
Colorpallet from #A4C2D8 to #C2A4D8 and to #D8C2A4
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A9BDD8
#A9BED7
#AABFD5
#AABFD4
#ABC0D3
#ABC1D2
#ACC2D0
#AEB8D8
#AFBAD5
#B0BBD3
#B1BDD0
#B2BECD
#B4C0CA
#B5C2C7
#B2B4D8
#B4B6D4
#B6B8D0
#B7BBCC
#B9BDC8
#BBBFC4
#BDC2BF
#B7AFD8
#B9B2D3
#BBB5CD
#BEB8C8
#C0BBC3
#C2BEBE
#C5C2B7
#BCAAD8
#BFAED1
#C2B2CB
#C5B6C4
#C8B9BD
#CABDB6
#CEC2AE
#C2A4D8
#C6A9D0
#C9AEC7
#CDB2BF
#D0B7B7
#D4BCAE
#D8C2A4
Colorpallet from #A4C2D8 to #C2D8A4 and to #D8A4C2
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A9C6D0
#A9C5D1
#AAC3D1
#AAC2D2
#ABC0D3
#ABBFD3
#ACBDD4
#AEC9C7
#AFC6C9
#B0C4CA
#B1C1CC
#B2BECD
#B4BBCF
#B5B8D1
#B2CDBF
#B4C9C1
#B6C5C3
#B7C1C6
#B9BDC8
#BBB9CA
#BDB4CD
#B7D0B7
#B9CBBA
#BBC5BD
#BEC0C0
#C0BBC3
#C2B6C6
#C5AFCA
#BCD4AE
#BFCDB2
#C2C7B6
#C5C0BA
#C8B9BD
#CAB2C1
#CEAAC6
#C2D8A4
#C6D0A9
#C9C7AE
#CDBFB2
#D0B7B7
#D4AEBC
#D8A4C2
Colorpallet from #A4C2D8 to #C2D8A4 and to #D8C2A4
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A9C6D0
#A9C5D0
#AAC5D0
#AAC4D0
#ABC3D0
#ABC3D0
#ACC2D0
#AEC9C7
#AFC8C7
#B0C7C7
#B1C6C7
#B2C5C7
#B4C3C7
#B5C2C7
#B2CDBF
#B4CBBF
#B6C9BF
#B7C8BF
#B9C6BF
#BBC4BF
#BDC2BF
#B7D0B7
#B9CEB7
#BBCCB7
#BEC9B7
#C0C7B7
#C2C5B7
#C5C2B7
#BCD4AE
#BFD1AE
#C2CEAE
#C5CBAE
#C8C8AE
#CAC6AE
#CEC2AE
#C2D8A4
#C6D4A4
#C9D1A4
#CDCDA4
#D0CAA4
#D4C6A4
#D8C2A4
Colorpallet from #A4C2D8 to #D8A4C2 and to #D8C2A4
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#A4C2D8
#ACBDD4
#ACBED3
#ACBFD3
#ACBFD2
#ACC0D1
#ACC1D1
#ACC2D0
#B5B8D1
#B5BACF
#B5BBCE
#B5BDCC
#B5BECB
#B5C0C9
#B5C2C7
#BDB4CD
#BDB6CB
#BDB8C9
#BDBBC6
#BDBDC4
#BDBFC2
#BDC2BF
#C5AFCA
#C5B2C7
#C5B5C4
#C5B8C1
#C5BBBE
#C5BEBB
#C5C2B7
#CEAAC6
#CEAEC2
#CEB2BE
#CEB6BA
#CEB9B7
#CEBDB3
#CEC2AE
#D8A4C2
#D8A9BD
#D8AEB8
#D8B2B4
#D8B7AF
#D8BCAA
#D8C2A4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts