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 #A4C1D3 to #A4D3C1 and to #C1A4D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C4D0
#A5C3D0
#A6C1D1
#A6C0D1
#A7BFD2
#A8BED2
#A9BCD3
#A4C7CD
#A5C5CE
#A7C2CF
#A8C0D0
#AABDD1
#ABBBD2
#ADB8D3
#A4CACA
#A6C6CB
#A8C3CD
#ABBFCE
#ADBBD0
#AFB8D1
#B2B3D3
#A4CDC7
#A7C8C9
#AAC3CB
#ADBECD
#B0B9CF
#B3B4D1
#B7AED3
#A4CFC5
#A8C9C7
#ABC3C9
#AFBDCC
#B3B7CE
#B6B1D0
#BBAAD3
#A4D3C1
#A9CBC4
#ADC4C7
#B2BCCA
#B7B5CD
#BBADCF
#C1A4D3
Colorpallet from #A4C1D3 to #A4D3C1 and to #C1D3A4
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C4D0
#A5C4CF
#A6C4CE
#A6C4CE
#A7C4CD
#A8C4CC
#A9C4CB
#A4C7CD
#A5C7CC
#A7C7CA
#A8C7C9
#AAC7C7
#ABC7C6
#ADC7C4
#A4CACA
#A6CAC8
#A8CAC6
#ABCAC3
#ADCAC1
#AFCABF
#B2CABC
#A4CDC7
#A7CDC4
#AACDC1
#ADCDBE
#B0CDBB
#B3CDB9
#B7CDB5
#A4CFC5
#A8CFC1
#ABCFBD
#AFCFB9
#B3CFB6
#B6CFB2
#BBCFAD
#A4D3C1
#A9D3BC
#ADD3B8
#B2D3B3
#B7D3AE
#BBD3AA
#C1D3A4
Colorpallet from #A4C1D3 to #A4D3C1 and to #D3A4C1
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C4D0
#A5C3D0
#A7C1D0
#A8C0D0
#A9BFD0
#AABED0
#ACBCD0
#A4C7CD
#A6C5CD
#A9C2CD
#ABC0CD
#AEBDCD
#B0BBCD
#B3B8CD
#A4CACA
#A8C6CA
#ABC3CA
#AFBFCA
#B3BBCA
#B6B8CA
#BBB3CA
#A4CDC7
#A9C8C7
#AEC3C7
#B2BEC7
#B7B9C7
#BCB4C7
#C2AEC7
#A4CFC5
#AAC9C5
#B0C3C5
#B6BDC5
#BCB7C5
#C2B1C5
#CAAAC5
#A4D3C1
#ACCBC1
#B3C4C1
#BBBCC1
#C2B5C1
#CAADC1
#D3A4C1
Colorpallet from #A4C1D3 to #A4D3C1 and to #D3C1A4
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C4D0
#A5C4CF
#A7C3CE
#A8C3CE
#A9C2CD
#AAC2CC
#ACC1CB
#A4C7CD
#A6C6CC
#A9C5CA
#ABC4C9
#AEC3C7
#B0C2C6
#B3C1C4
#A4CACA
#A8C9C8
#ABC7C6
#AFC6C3
#B3C4C1
#B6C3BF
#BBC1BC
#A4CDC7
#A9CBC4
#AEC9C1
#B2C7BE
#B7C5BB
#BCC3B9
#C2C1B5
#A4CFC5
#AACDC1
#B0CBBD
#B6C8B9
#BCC6B6
#C2C4B2
#CAC1AD
#A4D3C1
#ACD0BC
#B3CDB8
#BBCAB3
#C2C7AE
#CAC5AA
#D3C1A4
Colorpallet from #A4C1D3 to #C1A4D3 and to #C1D3A4
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A9BCD3
#A9BDD2
#A9BFD0
#A9C0CF
#A9C1CE
#A9C2CD
#A9C4CB
#ADB8D3
#ADBAD1
#ADBDCE
#ADBFCC
#ADC2C9
#ADC4C7
#ADC7C4
#B2B3D3
#B2B7CF
#B2BACC
#B2BEC8
#B2C2C4
#B2C5C1
#B2CABC
#B7AED3
#B7B3CE
#B7B8C9
#B7BDC5
#B7C2C0
#B7C7BB
#B7CDB5
#BBAAD3
#BBB0CD
#BBB6C7
#BBBCC1
#BBC2BB
#BBC8B5
#BBCFAD
#C1A4D3
#C1ACCB
#C1B3C4
#C1BBBC
#C1C2B5
#C1CAAD
#C1D3A4
Colorpallet from #A4C1D3 to #C1A4D3 and to #D3A4C1
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A9BCD3
#A9BCD3
#AABCD2
#AABCD2
#ABBCD1
#ABBCD1
#ACBCD0
#ADB8D3
#AEB8D2
#AFB8D1
#B0B8D0
#B1B8CF
#B2B8CE
#B3B8CD
#B2B3D3
#B3B3D2
#B5B3D0
#B6B3CF
#B8B3CD
#B9B3CC
#BBB3CA
#B7AED3
#B9AED1
#BBAECF
#BCAECD
#BEAECB
#C0AEC9
#C2AEC7
#BBAAD3
#BDAAD1
#C0AACF
#C2AACC
#C5AACA
#C7AAC8
#CAAAC5
#C1A4D3
#C4A4D0
#C7A4CD
#CAA4CA
#CDA4C7
#CFA4C5
#D3A4C1
Colorpallet from #A4C1D3 to #C1A4D3 and to #D3C1A4
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A9BCD3
#A9BDD2
#AABED0
#AABECF
#ABBFCE
#ABC0CD
#ACC1CB
#ADB8D3
#AEB9D1
#AFBBCE
#B0BCCC
#B1BEC9
#B2BFC7
#B3C1C4
#B2B3D3
#B3B5CF
#B5B7CC
#B6BAC8
#B8BCC4
#B9BEC1
#BBC1BC
#B7AED3
#B9B1CE
#BBB4C9
#BCB7C5
#BEBAC0
#C0BDBB
#C2C1B5
#BBAAD3
#BDAECD
#C0B1C7
#C2B5C1
#C5B9BB
#C7BCB5
#CAC1AD
#C1A4D3
#C4A9CB
#C7ADC4
#CAB2BC
#CDB7B5
#CFBBAD
#D3C1A4
Colorpallet from #A4C1D3 to #C1D3A4 and to #D3A4C1
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A9C4CB
#A9C3CC
#AAC1CD
#AAC0CD
#ABBFCE
#ABBECF
#ACBCD0
#ADC7C4
#AEC5C5
#AFC2C7
#B0C0C8
#B1BDCA
#B2BBCB
#B3B8CD
#B2CABC
#B3C6BE
#B5C3C0
#B6BFC3
#B8BBC5
#B9B8C7
#BBB3CA
#B7CDB5
#B9C8B8
#BBC3BB
#BCBEBE
#BEB9C1
#C0B4C3
#C2AEC7
#BBCFAD
#BDC9B1
#C0C3B5
#C2BDB9
#C5B7BC
#C7B1C0
#CAAAC5
#C1D3A4
#C4CBA9
#C7C4AD
#CABCB2
#CDB5B7
#CFADBB
#D3A4C1
Colorpallet from #A4C1D3 to #C1D3A4 and to #D3C1A4
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A9C4CB
#A9C4CB
#AAC3CB
#AAC3CB
#ABC2CB
#ABC2CB
#ACC1CB
#ADC7C4
#AEC6C4
#AFC5C4
#B0C4C4
#B1C3C4
#B2C2C4
#B3C1C4
#B2CABC
#B3C9BC
#B5C7BC
#B6C6BC
#B8C4BC
#B9C3BC
#BBC1BC
#B7CDB5
#B9CBB5
#BBC9B5
#BCC7B5
#BEC5B5
#C0C3B5
#C2C1B5
#BBCFAD
#BDCDAD
#C0CBAD
#C2C8AD
#C5C6AD
#C7C4AD
#CAC1AD
#C1D3A4
#C4D0A4
#C7CDA4
#CACAA4
#CDC7A4
#CFC5A4
#D3C1A4
Colorpallet from #A4C1D3 to #D3A4C1 and to #D3C1A4
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#A4C1D3
#ACBCD0
#ACBDCF
#ACBECE
#ACBECE
#ACBFCD
#ACC0CC
#ACC1CB
#B3B8CD
#B3B9CC
#B3BBCA
#B3BCC9
#B3BEC7
#B3BFC6
#B3C1C4
#BBB3CA
#BBB5C8
#BBB7C6
#BBBAC3
#BBBCC1
#BBBEBF
#BBC1BC
#C2AEC7
#C2B1C4
#C2B4C1
#C2B7BE
#C2BABB
#C2BDB9
#C2C1B5
#CAAAC5
#CAAEC1
#CAB1BD
#CAB5B9
#CAB9B6
#CABCB2
#CAC1AD
#D3A4C1
#D3A9BC
#D3ADB8
#D3B2B3
#D3B7AE
#D3BBAA
#D3C1A4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
