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 #A1C2E1 to #A1E1C2 and to #C2A1E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C7DC
#A2C5DD
#A3C4DE
#A3C2DE
#A4C1DF
#A5BFE0
#A6BDE1
#A1CCD7
#A3C9D9
#A5C5DA
#A6C2DC
#A8BFDD
#AABBDF
#ACB7E1
#A1D1D2
#A4CCD4
#A6C7D7
#A9C2D9
#ABBDDC
#AEB8DE
#B1B2E1
#A1D6CD
#A4CFD0
#A8C9D3
#ABC2D7
#AEBCDA
#B2B5DD
#B6ADE1
#A1DBC8
#A5D3CC
#A9CBD0
#ADC3D4
#B2BAD8
#B6B2DC
#BBA8E1
#A1E1C2
#A6D7C7
#ACCDCC
#B1C2D1
#B6B8D6
#BBAEDB
#C2A1E1
Colorpallet from #A1C2E1 to #A1E1C2 and to #C2E1A1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C7DC
#A2C7DB
#A3C7DA
#A3C7DA
#A4C7D9
#A5C7D8
#A6C7D7
#A1CCD7
#A3CCD5
#A5CCD4
#A6CCD2
#A8CCD1
#AACCCF
#ACCCCD
#A1D1D2
#A4D1CF
#A6D1CD
#A9D1CA
#ABD1C8
#AED1C5
#B1D1C2
#A1D6CD
#A4D6CA
#A8D6C6
#ABD6C3
#AED6C0
#B2D6BC
#B6D6B8
#A1DBC8
#A5DBC4
#A9DBC0
#ADDBBC
#B2DBB7
#B6DBB3
#BBDBAE
#A1E1C2
#A6E1BD
#ACE1B7
#B1E1B2
#B6E1AD
#BBE1A8
#C2E1A1
Colorpallet from #A1C2E1 to #A1E1C2 and to #E1A1C2
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C7DC
#A3C5DC
#A4C4DC
#A6C2DC
#A7C1DC
#A9BFDC
#ABBDDC
#A1CCD7
#A4C9D7
#A7C5D7
#ABC2D7
#AEBFD7
#B1BBD7
#B5B7D7
#A1D1D2
#A6CCD2
#ABC7D2
#B0C2D2
#B5BDD2
#BAB8D2
#C0B2D2
#A1D6CD
#A8CFCD
#AEC9CD
#B5C2CD
#BBBCCD
#C2B5CD
#CAADCD
#A1DBC8
#A9D3C8
#B1CBC8
#B9C3C8
#C2BAC8
#CAB2C8
#D4A8C8
#A1E1C2
#ABD7C2
#B5CDC2
#C0C2C2
#CAB8C2
#D4AEC2
#E1A1C2
Colorpallet from #A1C2E1 to #A1E1C2 and to #E1C2A1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C7DC
#A3C6DB
#A4C5DA
#A6C5DA
#A7C4D9
#A9C3D8
#ABC2D7
#A1CCD7
#A4CAD5
#A7C9D4
#ABC7D2
#AEC6D1
#B1C4CF
#B5C2CD
#A1D1D2
#A6CFCF
#ABCCCD
#B0CACA
#B5C7C8
#BAC5C5
#C0C2C2
#A1D6CD
#A8D3CA
#AED0C6
#B5CCC3
#BBC9C0
#C2C6BC
#CAC2B8
#A1DBC8
#A9D7C4
#B1D3C0
#B9CFBC
#C2CBB7
#CAC7B3
#D4C2AE
#A1E1C2
#ABDCBD
#B5D7B7
#C0D2B2
#CACDAD
#D4C8A8
#E1C2A1
Colorpallet from #A1C2E1 to #C2A1E1 and to #C2E1A1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A6BDE1
#A6BFDF
#A6C0DE
#A6C2DC
#A6C3DB
#A6C5D9
#A6C7D7
#ACB7E1
#ACBADE
#ACBEDB
#ACC1D7
#ACC4D4
#ACC8D1
#ACCCCD
#B1B2E1
#B1B7DC
#B1BCD7
#B1C1D2
#B1C6CD
#B1CBC8
#B1D1C2
#B6ADE1
#B6B4DA
#B6BAD4
#B6C1CD
#B6C7C7
#B6CEC0
#B6D6B8
#BBA8E1
#BBB0D9
#BBB8D1
#BBC0C9
#BBC9C0
#BBD1B8
#BBDBAE
#C2A1E1
#C2ABD7
#C2B5CD
#C2C0C2
#C2CAB8
#C2D4AE
#C2E1A1
Colorpallet from #A1C2E1 to #C2A1E1 and to #E1A1C2
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A6BDE1
#A7BDE0
#A8BDDF
#A8BDDF
#A9BDDE
#AABDDD
#ABBDDC
#ACB7E1
#ADB7DF
#AFB7DE
#B0B7DC
#B2B7DB
#B3B7D9
#B5B7D7
#B1B2E1
#B3B2DF
#B6B2DC
#B8B2DA
#BBB2D7
#BDB2D5
#C0B2D2
#B6ADE1
#B9ADDE
#BCADDB
#C0ADD7
#C3ADD4
#C6ADD1
#CAADCD
#BBA8E1
#BFA8DD
#C3A8D9
#C7A8D5
#CBA8D1
#CFA8CD
#D4A8C8
#C2A1E1
#C7A1DC
#CCA1D7
#D1A1D2
#D6A1CD
#DBA1C8
#E1A1C2
Colorpallet from #A1C2E1 to #C2A1E1 and to #E1C2A1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A6BDE1
#A7BEDF
#A8BFDE
#A8BFDC
#A9C0DB
#AAC1D9
#ABC2D7
#ACB7E1
#ADB9DE
#AFBBDB
#B0BCD7
#B2BED4
#B3C0D1
#B5C2CD
#B1B2E1
#B3B5DC
#B6B7D7
#B8BAD2
#BBBCCD
#BDBFC8
#C0C2C2
#B6ADE1
#B9B0DA
#BCB4D4
#C0B7CD
#C3BAC7
#C6BEC0
#CAC2B8
#BBA8E1
#BFACD9
#C3B0D1
#C7B4C9
#CBB9C0
#CFBDB8
#D4C2AE
#C2A1E1
#C7A6D7
#CCACCD
#D1B1C2
#D6B6B8
#DBBBAE
#E1C2A1
Colorpallet from #A1C2E1 to #C2E1A1 and to #E1A1C2
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A6C7D7
#A7C5D8
#A8C4D9
#A8C2D9
#A9C1DA
#AABFDB
#ABBDDC
#ACCCCD
#ADC9CF
#AFC5D0
#B0C2D2
#B2BFD3
#B3BBD5
#B5B7D7
#B1D1C2
#B3CCC5
#B6C7C7
#B8C2CA
#BBBDCC
#BDB8CF
#C0B2D2
#B6D6B8
#B9CFBB
#BCC9BF
#C0C2C2
#C3BCC5
#C6B5C9
#CAADCD
#BBDBAE
#BFD3B2
#C3CBB6
#C7C3BA
#CBBABF
#CFB2C3
#D4A8C8
#C2E1A1
#C7D7A6
#CCCDAC
#D1C2B1
#D6B8B6
#DBAEBB
#E1A1C2
Colorpallet from #A1C2E1 to #C2E1A1 and to #E1C2A1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A6C7D7
#A7C6D7
#A8C5D7
#A8C5D7
#A9C4D7
#AAC3D7
#ABC2D7
#ACCCCD
#ADCACD
#AFC9CD
#B0C7CD
#B2C6CD
#B3C4CD
#B5C2CD
#B1D1C2
#B3CFC2
#B6CCC2
#B8CAC2
#BBC7C2
#BDC5C2
#C0C2C2
#B6D6B8
#B9D3B8
#BCD0B8
#C0CCB8
#C3C9B8
#C6C6B8
#CAC2B8
#BBDBAE
#BFD7AE
#C3D3AE
#C7CFAE
#CBCBAE
#CFC7AE
#D4C2AE
#C2E1A1
#C7DCA1
#CCD7A1
#D1D2A1
#D6CDA1
#DBC8A1
#E1C2A1
Colorpallet from #A1C2E1 to #E1A1C2 and to #E1C2A1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#A1C2E1
#ABBDDC
#ABBEDB
#ABBFDA
#ABBFDA
#ABC0D9
#ABC1D8
#ABC2D7
#B5B7D7
#B5B9D5
#B5BBD4
#B5BCD2
#B5BED1
#B5C0CF
#B5C2CD
#C0B2D2
#C0B5CF
#C0B7CD
#C0BACA
#C0BCC8
#C0BFC5
#C0C2C2
#CAADCD
#CAB0CA
#CAB4C6
#CAB7C3
#CABAC0
#CABEBC
#CAC2B8
#D4A8C8
#D4ACC4
#D4B0C0
#D4B4BC
#D4B9B7
#D4BDB3
#D4C2AE
#E1A1C2
#E1A6BD
#E1ACB7
#E1B1B2
#E1B6AD
#E1BBA8
#E1C2A1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
