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 #A2C3E4 to #A2E4C3 and to #C3A2E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C8DF
#A3C6E0
#A4C5E1
#A4C3E1
#A5C2E2
#A6C0E3
#A7BEE4
#A2CED9
#A4CADB
#A6C7DD
#A7C3DE
#A9C0E0
#ABBCE2
#ADB8E4
#A2D3D4
#A5CED7
#A7C9D9
#AAC4DC
#ACBFDE
#AFB9E1
#B2B3E4
#A2D8CF
#A5D1D2
#A9CBD6
#ACC4D9
#AFBDDC
#B3B6E0
#B7AEE4
#A2DDCA
#A6D5CE
#AACCD2
#AEC4D6
#B3BCDB
#B7B3DF
#BCA9E4
#A2E4C3
#A7D9C8
#ADCFCE
#B2C4D3
#B7BAD8
#BCAFDD
#C3A2E4
Colorpallet from #A2C3E4 to #A2E4C3 and to #C3E4A2
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C8DF
#A3C8DE
#A4C8DD
#A4C8DC
#A5C8DB
#A6C8DA
#A7C8D9
#A2CED9
#A4CED7
#A6CED6
#A7CED4
#A9CED3
#ABCED1
#ADCECF
#A2D3D4
#A5D3D1
#A7D3CF
#AAD3CC
#ACD3CA
#AFD3C7
#B2D3C4
#A2D8CF
#A5D8CC
#A9D8C8
#ACD8C5
#AFD8C2
#B3D8BE
#B7D8BA
#A2DDCA
#A6DDC6
#AADDC1
#AEDDBD
#B3DDB9
#B7DDB4
#BCDDAF
#A2E4C3
#A7E4BE
#ADE4B8
#B2E4B3
#B7E4AE
#BCE4A9
#C3E4A2
Colorpallet from #A2C3E4 to #A2E4C3 and to #E4A2C3
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C8DF
#A4C6DF
#A6C5DF
#A7C3DF
#A9C2DF
#ABC0DF
#ADBEDF
#A2CED9
#A5CAD9
#A9C7D9
#ACC3D9
#AFC0D9
#B3BCD9
#B7B8D9
#A2D3D4
#A7CED4
#ACC9D4
#B1C4D4
#B6BFD4
#BCB9D4
#C2B3D4
#A2D8CF
#A9D1CF
#AFCBCF
#B6C4CF
#BDBDCF
#C4B6CF
#CCAECF
#A2DDCA
#AAD5CA
#B3CCCA
#BBC4CA
#C4BCCA
#CCB3CA
#D7A9CA
#A2E4C3
#ADD9C3
#B7CFC3
#C2C4C3
#CCBAC3
#D7AFC3
#E4A2C3
Colorpallet from #A2C3E4 to #A2E4C3 and to #E4C3A2
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C8DF
#A4C7DE
#A6C6DD
#A7C6DC
#A9C5DB
#ABC4DA
#ADC3D9
#A2CED9
#A5CCD7
#A9CAD6
#ACC9D4
#AFC7D3
#B3C5D1
#B7C3CF
#A2D3D4
#A7D0D1
#ACCECF
#B1CBCC
#B6C9CA
#BCC6C7
#C2C3C4
#A2D8CF
#A9D5CC
#AFD1C8
#B6CEC5
#BDCBC2
#C4C7BE
#CCC3BA
#A2DDCA
#AAD9C6
#B3D5C1
#BBD1BD
#C4CCB9
#CCC8B4
#D7C3AF
#A2E4C3
#ADDFBE
#B7D9B8
#C2D4B3
#CCCFAE
#D7CAA9
#E4C3A2
Colorpallet from #A2C3E4 to #C3A2E4 and to #C3E4A2
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A7BEE4
#A7C0E2
#A7C1E0
#A7C3DF
#A7C4DD
#A7C6DB
#A7C8D9
#ADB8E4
#ADBCE1
#ADBFDD
#ADC3DA
#ADC6D7
#ADCAD3
#ADCECF
#B2B3E4
#B2B8DF
#B2BDDA
#B2C2D5
#B2C7D0
#B2CDCA
#B2D3C4
#B7AEE4
#B7B5DD
#B7BBD7
#B7C2D0
#B7C9C9
#B7D0C2
#B7D8BA
#BCA9E4
#BCB1DC
#BCBAD3
#BCC2CB
#BCCAC2
#BCD3BA
#BCDDAF
#C3A2E4
#C3ADD9
#C3B7CF
#C3C2C4
#C3CCBA
#C3D7AF
#C3E4A2
Colorpallet from #A2C3E4 to #C3A2E4 and to #E4A2C3
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A7BEE4
#A8BEE3
#A9BEE2
#AABEE2
#ABBEE1
#ACBEE0
#ADBEDF
#ADB8E4
#AFB8E2
#B0B8E0
#B2B8DF
#B3B8DD
#B5B8DB
#B7B8D9
#B2B3E4
#B5B3E1
#B7B3DF
#BAB3DC
#BCB3DA
#BFB3D7
#C2B3D4
#B7AEE4
#BAAEE1
#BEAEDD
#C1AEDA
#C4AED7
#C8AED3
#CCAECF
#BCA9E4
#C0A9E0
#C5A9DC
#C9A9D8
#CDA9D3
#D2A9CF
#D7A9CA
#C3A2E4
#C8A2DF
#CEA2D9
#D3A2D4
#D8A2CF
#DDA2CA
#E4A2C3
Colorpallet from #A2C3E4 to #C3A2E4 and to #E4C3A2
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A7BEE4
#A8BFE2
#A9C0E0
#AAC0DF
#ABC1DD
#ACC2DB
#ADC3D9
#ADB8E4
#AFBAE1
#B0BCDD
#B2BDDA
#B3BFD7
#B5C1D3
#B7C3CF
#B2B3E4
#B5B6DF
#B7B8DA
#BABBD5
#BCBDD0
#BFC0CA
#C2C3C4
#B7AEE4
#BAB1DD
#BEB5D7
#C1B8D0
#C4BBC9
#C8BFC2
#CCC3BA
#BCA9E4
#C0ADDC
#C5B1D3
#C9B5CB
#CDBAC2
#D2BEBA
#D7C3AF
#C3A2E4
#C8A7D9
#CEADCF
#D3B2C4
#D8B7BA
#DDBCAF
#E4C3A2
Colorpallet from #A2C3E4 to #C3E4A2 and to #E4A2C3
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A7C8D9
#A8C6DA
#A9C5DB
#AAC3DC
#ABC2DD
#ACC0DE
#ADBEDF
#ADCECF
#AFCAD1
#B0C7D2
#B2C3D4
#B3C0D5
#B5BCD7
#B7B8D9
#B2D3C4
#B5CEC7
#B7C9C9
#BAC4CC
#BCBFCE
#BFB9D1
#C2B3D4
#B7D8BA
#BAD1BD
#BECBC1
#C1C4C4
#C4BDC7
#C8B6CB
#CCAECF
#BCDDAF
#C0D5B3
#C5CCB8
#C9C4BC
#CDBCC0
#D2B3C5
#D7A9CA
#C3E4A2
#C8D9A7
#CECFAD
#D3C4B2
#D8BAB7
#DDAFBC
#E4A2C3
Colorpallet from #A2C3E4 to #C3E4A2 and to #E4C3A2
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A7C8D9
#A8C7D9
#A9C6D9
#AAC6D9
#ABC5D9
#ACC4D9
#ADC3D9
#ADCECF
#AFCCCF
#B0CACF
#B2C9CF
#B3C7CF
#B5C5CF
#B7C3CF
#B2D3C4
#B5D0C4
#B7CEC4
#BACBC4
#BCC9C4
#BFC6C4
#C2C3C4
#B7D8BA
#BAD5BA
#BED1BA
#C1CEBA
#C4CBBA
#C8C7BA
#CCC3BA
#BCDDAF
#C0D9AF
#C5D5AF
#C9D1AF
#CDCCAF
#D2C8AF
#D7C3AF
#C3E4A2
#C8DFA2
#CED9A2
#D3D4A2
#D8CFA2
#DDCAA2
#E4C3A2
Colorpallet from #A2C3E4 to #E4A2C3 and to #E4C3A2
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#A2C3E4
#ADBEDF
#ADBFDE
#ADC0DD
#ADC0DC
#ADC1DB
#ADC2DA
#ADC3D9
#B7B8D9
#B7BAD7
#B7BCD6
#B7BDD4
#B7BFD3
#B7C1D1
#B7C3CF
#C2B3D4
#C2B6D1
#C2B8CF
#C2BBCC
#C2BDCA
#C2C0C7
#C2C3C4
#CCAECF
#CCB1CC
#CCB5C8
#CCB8C5
#CCBBC2
#CCBFBE
#CCC3BA
#D7A9CA
#D7ADC6
#D7B1C1
#D7B5BD
#D7BAB9
#D7BEB4
#D7C3AF
#E4A2C3
#E4A7BE
#E4ADB8
#E4B2B3
#E4B7AE
#E4BCA9
#E4C3A2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
