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 #BAADF2 to #BAF2AD and to #ADBAF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAB8E7
#BAB7E9
#B9B5EB
#B9B4EC
#B9B2EE
#B8B1F0
#B8AFF2
#BAC3DC
#B9C0E0
#B9BDE3
#B8BAE7
#B7B7EA
#B7B5EE
#B6B1F2
#BACED1
#B9CAD6
#B8C5DC
#B7C1E1
#B6BDE6
#B5B8EB
#B4B3F2
#BAD9C6
#B9D3CD
#B7CDD4
#B6C8DB
#B5C2E2
#B4BCE9
#B2B5F2
#BAE4BB
#B8DDC4
#B7D6CD
#B5CED5
#B4C7DE
#B2C0E7
#B0B7F2
#BAF2AD
#B8E9B8
#B6E0C3
#B4D7CE
#B2CED9
#B0C5E4
#ADBAF2
Colorpallet from #BAADF2 to #BAF2AD and to #ADF2BA
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAB8E7
#BAB8E7
#B9B8E8
#B9B8E8
#B9B8E8
#B8B8E9
#B8B8E9
#BAC3DC
#B9C3DD
#B9C3DD
#B8C3DE
#B7C3DF
#B7C3DF
#B6C3E0
#BACED1
#B9CED2
#B8CED3
#B7CED4
#B6CED5
#B5CED6
#B4CED7
#BAD9C6
#B9D9C7
#B7D9C9
#B6D9CA
#B5D9CB
#B4D9CC
#B2D9CE
#BAE4BB
#B8E4BD
#B7E4BE
#B5E4C0
#B4E4C1
#B2E4C3
#B0E4C5
#BAF2AD
#B8F2AF
#B6F2B1
#B4F2B3
#B2F2B5
#B0F2B7
#ADF2BA
Colorpallet from #BAADF2 to #BAF2AD and to #F2BAAD
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAB8E7
#BBB7E7
#BDB5E7
#BEB4E7
#C0B2E7
#C1B1E7
#C3AFE7
#BAC3DC
#BDC0DC
#C0BDDC
#C3BADC
#C6B7DC
#C8B5DC
#CCB1DC
#BACED1
#BECAD1
#C3C5D1
#C7C1D1
#CBBDD1
#D0B8D1
#D5B3D1
#BAD9C6
#C0D3C6
#C6CDC6
#CBC8C6
#D1C2C6
#D7BCC6
#DEB5C6
#BAE4BB
#C1DDBB
#C8D6BB
#D0CEBB
#D7C7BB
#DEC0BB
#E7B7BB
#BAF2AD
#C3E9AD
#CCE0AD
#D5D7AD
#DECEAD
#E7C5AD
#F2BAAD
Colorpallet from #BAADF2 to #BAF2AD and to #F2ADBA
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAB8E7
#BBB6E7
#BDB4E8
#BEB3E8
#C0B1E8
#C1AFE9
#C3ADE9
#BAC3DC
#BDBFDD
#C0BCDD
#C3B8DE
#C6B5DF
#C8B1DF
#CCADE0
#BACED1
#BEC9D2
#C3C3D3
#C7BED4
#CBB9D5
#D0B4D6
#D5ADD7
#BAD9C6
#C0D2C7
#C6CBC9
#CBC4CA
#D1BDCB
#D7B6CC
#DEADCE
#BAE4BB
#C1DBBD
#C8D2BE
#D0CAC0
#D7C1C1
#DEB8C3
#E7ADC5
#BAF2AD
#C3E7AF
#CCDCB1
#D5D1B3
#DEC6B5
#E7BBB7
#F2ADBA
Colorpallet from #BAADF2 to #ADBAF2 and to #ADF2BA
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#B8AFF2
#B8B0F1
#B8B2EF
#B8B3EE
#B8B5EC
#B8B6EB
#B8B8E9
#B6B1F2
#B6B4EF
#B6B7EC
#B6BAE9
#B6BDE6
#B6BFE4
#B6C3E0
#B4B3F2
#B4B7EE
#B4BCE9
#B4C0E5
#B4C4E1
#B4C9DC
#B4CED7
#B2B5F2
#B2BBEC
#B2C1E6
#B2C6E1
#B2CCDB
#B2D2D5
#B2D9CE
#B0B7F2
#B0BEEB
#B0C5E4
#B0CDDC
#B0D4D5
#B0DBCE
#B0E4C5
#ADBAF2
#ADC3E9
#ADCCE0
#ADD5D7
#ADDECE
#ADE7C5
#ADF2BA
Colorpallet from #BAADF2 to #ADBAF2 and to #F2BAAD
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#B8AFF2
#BAAFF0
#BCAFEE
#BDAFED
#BFAFEB
#C1AFE9
#C3AFE7
#B6B1F2
#BAB1EE
#BDB1EB
#C1B1E7
#C4B1E4
#C8B1E0
#CCB1DC
#B4B3F2
#B9B3ED
#BFB3E7
#C4B3E2
#C9B3DD
#CEB3D8
#D5B3D1
#B2B5F2
#B9B5EB
#C0B5E4
#C7B5DD
#CEB5D6
#D5B5CF
#DEB5C6
#B0B7F2
#B9B7E9
#C2B7E0
#CAB7D8
#D3B7CF
#DCB7C6
#E7B7BB
#ADBAF2
#B8BAE7
#C3BADC
#CEBAD1
#D9BAC6
#E4BABB
#F2BAAD
Colorpallet from #BAADF2 to #ADBAF2 and to #F2ADBA
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#B8AFF2
#BAAFF1
#BCAEEF
#BDAEEE
#BFAEEC
#C1ADEB
#C3ADE9
#B6B1F2
#BAB0EF
#BDB0EC
#C1AFE9
#C4AEE6
#C8AEE4
#CCADE0
#B4B3F2
#B9B2EE
#BFB1E9
#C4B0E5
#C9AFE1
#CEAEDC
#D5ADD7
#B2B5F2
#B9B4EC
#C0B2E6
#C7B1E1
#CEB0DB
#D5AFD5
#DEADCE
#B0B7F2
#B9B5EB
#C2B4E4
#CAB2DC
#D3B1D5
#DCAFCE
#E7ADC5
#ADBAF2
#B8B8E9
#C3B6E0
#CEB4D7
#D9B2CE
#E4B0C5
#F2ADBA
Colorpallet from #BAADF2 to #ADF2BA and to #F2BAAD
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#B8B8E9
#BAB7E9
#BCB5E8
#BDB4E8
#BFB2E8
#C1B1E7
#C3AFE7
#B6C3E0
#BAC0DF
#BDBDDF
#C1BADE
#C4B7DD
#C8B5DD
#CCB1DC
#B4CED7
#B9CAD6
#BFC5D5
#C4C1D4
#C9BDD3
#CEB8D2
#D5B3D1
#B2D9CE
#B9D3CD
#C0CDCB
#C7C8CA
#CEC2C9
#D5BCC8
#DEB5C6
#B0E4C5
#B9DDC3
#C2D6C2
#CACEC0
#D3C7BF
#DCC0BD
#E7B7BB
#ADF2BA
#B8E9B8
#C3E0B6
#CED7B4
#D9CEB2
#E4C5B0
#F2BAAD
Colorpallet from #BAADF2 to #ADF2BA and to #F2ADBA
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#B8B8E9
#BAB6E9
#BCB4E9
#BDB3E9
#BFB1E9
#C1AFE9
#C3ADE9
#B6C3E0
#BABFE0
#BDBCE0
#C1B8E0
#C4B5E0
#C8B1E0
#CCADE0
#B4CED7
#B9C9D7
#BFC3D7
#C4BED7
#C9B9D7
#CEB4D7
#D5ADD7
#B2D9CE
#B9D2CE
#C0CBCE
#C7C4CE
#CEBDCE
#D5B6CE
#DEADCE
#B0E4C5
#B9DBC5
#C2D2C5
#CACAC5
#D3C1C5
#DCB8C5
#E7ADC5
#ADF2BA
#B8E7BA
#C3DCBA
#CED1BA
#D9C6BA
#E4BBBA
#F2ADBA
Colorpallet from #BAADF2 to #F2BAAD and to #F2ADBA
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#BAADF2
#C3AFE7
#C3AFE7
#C3AEE8
#C3AEE8
#C3AEE8
#C3ADE9
#C3ADE9
#CCB1DC
#CCB0DD
#CCB0DD
#CCAFDE
#CCAEDF
#CCAEDF
#CCADE0
#D5B3D1
#D5B2D2
#D5B1D3
#D5B0D4
#D5AFD5
#D5AED6
#D5ADD7
#DEB5C6
#DEB4C7
#DEB2C9
#DEB1CA
#DEB0CB
#DEAFCC
#DEADCE
#E7B7BB
#E7B5BD
#E7B4BE
#E7B2C0
#E7B1C1
#E7AFC3
#E7ADC5
#F2BAAD
#F2B8AF
#F2B6B1
#F2B4B3
#F2B2B5
#F2B0B7
#F2ADBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts