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 #C4D8A1 to #C4A1D8 and to #D8C4A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4CFAA
#C4D0A9
#C5D1A7
#C5D2A6
#C6D3A4
#C6D4A3
#C7D5A1
#C4C6B3
#C5C8B0
#C6CAAD
#C7CCAA
#C8CEA7
#C9D0A5
#CAD2A1
#C4BEBB
#C6C1B7
#C7C3B3
#C9C6AF
#CAC8AA
#CCCBA6
#CECEA1
#C4B5C4
#C6B9BE
#C8BCB9
#CAC0B3
#CCC3AE
#CEC7A8
#D1CBA1
#C4ACCD
#C7B0C6
#C9B5BF
#CCB9B8
#CEBEB1
#D1C2AA
#D4C8A1
#C4A1D8
#C7A7CF
#CAACC6
#CEB2BE
#D1B7B5
#D4BDAC
#D8C4A1
Colorpallet from #C4D8A1 to #C4A1D8 and to #D8A1C4
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4CFAA
#C4CFAA
#C5CFA9
#C5CFA9
#C6CFA8
#C6CFA8
#C7CFA7
#C4C6B3
#C5C6B2
#C6C6B1
#C7C6B0
#C8C6AF
#C9C6AD
#CAC6AC
#C4BEBB
#C6BEBA
#C7BEB8
#C9BEB7
#CABEB5
#CCBEB4
#CEBEB2
#C4B5C4
#C6B5C2
#C8B5C0
#CAB5BE
#CCB5BC
#CEB5BA
#D1B5B7
#C4ACCD
#C7ACCA
#C9ACC8
#CCACC5
#CEACC3
#D1ACC0
#D4ACBD
#C4A1D8
#C7A1D5
#CAA1D2
#CEA1CE
#D1A1CB
#D4A1C8
#D8A1C4
Colorpallet from #C4D8A1 to #C4A1D8 and to #A1C4D8
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4CFAA
#C3D0AA
#C2D1AA
#C1D2AA
#C0D3AA
#BFD4AA
#BED5AA
#C4C6B3
#C2C8B3
#C0CAB3
#BFCCB3
#BDCEB3
#BBD0B3
#B9D2B3
#C4BEBB
#C1C1BB
#BFC3BB
#BCC6BB
#B9C8BB
#B6CBBB
#B3CEBB
#C4B5C4
#C0B9C4
#BDBCC4
#B9C0C4
#B6C3C4
#B2C7C4
#AECBC4
#C4ACCD
#C0B0CD
#BBB5CD
#B7B9CD
#B2BECD
#AEC2CD
#A8C8CD
#C4A1D8
#BEA7D8
#B9ACD8
#B3B2D8
#AEB7D8
#A8BDD8
#A1C4D8
Colorpallet from #C4D8A1 to #C4A1D8 and to #A1D8C4
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4CFAA
#C3D0AA
#C2D2A9
#C1D3A9
#C0D5A8
#BFD6A8
#BED8A7
#C4C6B3
#C2C9B2
#C0CCB1
#BFCFB0
#BDD2AF
#BBD4AD
#B9D8AC
#C4BEBB
#C1C2BA
#BFC6B8
#BCCAB7
#B9CFB5
#B6D3B4
#B3D8B2
#C4B5C4
#C0BBC2
#BDC0C0
#B9C6BE
#B6CBBC
#B2D1BA
#AED8B7
#C4ACCD
#C0B3CA
#BBBAC8
#B7C1C5
#B2C8C3
#AECFC0
#A8D8BD
#C4A1D8
#BEAAD5
#B9B3D2
#B3BBCE
#AEC4CB
#A8CDC8
#A1D8C4
Colorpallet from #C4D8A1 to #D8C4A1 and to #D8A1C4
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C7D5A1
#C7D4A2
#C7D3A3
#C7D2A4
#C7D1A5
#C7D0A6
#C7CFA7
#CAD2A1
#CAD0A3
#CACEA5
#CACCA6
#CACAA8
#CAC8AA
#CAC6AC
#CECEA1
#CECBA4
#CEC9A6
#CEC6A9
#CEC4AC
#CEC1AF
#CEBEB2
#D1CBA1
#D1C7A5
#D1C4A8
#D1C0AC
#D1BDAF
#D1B9B3
#D1B5B7
#D4C8A1
#D4C4A5
#D4BFAA
#D4BBAE
#D4B6B3
#D4B2B7
#D4ACBD
#D8C4A1
#D8BEA7
#D8B9AC
#D8B3B2
#D8AEB7
#D8A8BD
#D8A1C4
Colorpallet from #C4D8A1 to #D8C4A1 and to #A1C4D8
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C7D5A1
#C6D5A2
#C4D5A4
#C3D5A5
#C1D5A7
#C0D5A8
#BED5AA
#CAD2A1
#C7D2A4
#C5D2A7
#C2D2AA
#BFD2AD
#BCD2AF
#B9D2B3
#CECEA1
#CACEA5
#C5CEA9
#C1CEAD
#BDCEB2
#B8CEB6
#B3CEBB
#D1CBA1
#CBCBA7
#C6CBAC
#C0CBB2
#BBCBB7
#B5CBBD
#AECBC4
#D4C8A1
#CDC8A8
#C6C8AF
#BFC8B6
#B8C8BD
#B1C8C4
#A8C8CD
#D8C4A1
#CFC4AA
#C6C4B3
#BEC4BB
#B5C4C4
#ACC4CD
#A1C4D8
Colorpallet from #C4D8A1 to #D8C4A1 and to #A1D8C4
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C7D5A1
#C6D5A2
#C4D6A3
#C3D6A4
#C1D7A5
#C0D7A6
#BED8A7
#CAD2A1
#C7D3A3
#C5D4A5
#C2D5A6
#BFD6A8
#BCD7AA
#B9D8AC
#CECEA1
#CAD0A4
#C5D1A6
#C1D3A9
#BDD4AC
#B8D6AF
#B3D8B2
#D1CBA1
#CBCDA5
#C6CFA8
#C0D1AC
#BBD3AF
#B5D5B3
#AED8B7
#D4C8A1
#CDCBA5
#C6CDAA
#BFD0AE
#B8D2B3
#B1D5B7
#A8D8BD
#D8C4A1
#CFC7A7
#C6CAAC
#BECEB2
#B5D1B7
#ACD4BD
#A1D8C4
Colorpallet from #C4D8A1 to #D8A1C4 and to #A1C4D8
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C7CFA7
#C6D0A7
#C4D1A8
#C3D2A8
#C1D3A9
#C0D4A9
#BED5AA
#CAC6AC
#C7C8AD
#C5CAAE
#C2CCAF
#BFCEB0
#BCD0B2
#B9D2B3
#CEBEB2
#CAC1B3
#C5C3B5
#C1C6B6
#BDC8B8
#B8CBB9
#B3CEBB
#D1B5B7
#CBB9B9
#C6BCBB
#C0C0BD
#BBC3BF
#B5C7C1
#AECBC4
#D4ACBD
#CDB0C0
#C6B5C2
#BFB9C5
#B8BEC7
#B1C2CA
#A8C8CD
#D8A1C4
#CFA7C7
#C6ACCA
#BEB2CE
#B5B7D1
#ACBDD4
#A1C4D8
Colorpallet from #C4D8A1 to #D8A1C4 and to #A1D8C4
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C7CFA7
#C6D0A7
#C4D2A7
#C3D3A7
#C1D5A7
#C0D6A7
#BED8A7
#CAC6AC
#C7C9AC
#C5CCAC
#C2CFAC
#BFD2AC
#BCD4AC
#B9D8AC
#CEBEB2
#CAC2B2
#C5C6B2
#C1CAB2
#BDCFB2
#B8D3B2
#B3D8B2
#D1B5B7
#CBBBB7
#C6C0B7
#C0C6B7
#BBCBB7
#B5D1B7
#AED8B7
#D4ACBD
#CDB3BD
#C6BABD
#BFC1BD
#B8C8BD
#B1CFBD
#A8D8BD
#D8A1C4
#CFAAC4
#C6B3C4
#BEBBC4
#B5C4C4
#ACCDC4
#A1D8C4
Colorpallet from #C4D8A1 to #A1C4D8 and to #A1D8C4
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#C4D8A1
#BED5AA
#BED5AA
#BED6A9
#BED6A9
#BED7A8
#BED7A8
#BED8A7
#B9D2B3
#B9D3B2
#B9D4B1
#B9D5B0
#B9D6AF
#B9D7AD
#B9D8AC
#B3CEBB
#B3D0BA
#B3D1B8
#B3D3B7
#B3D4B5
#B3D6B4
#B3D8B2
#AECBC4
#AECDC2
#AECFC0
#AED1BE
#AED3BC
#AED5BA
#AED8B7
#A8C8CD
#A8CBCA
#A8CDC8
#A8D0C5
#A8D2C3
#A8D5C0
#A8D8BD
#A1C4D8
#A1C7D5
#A1CAD2
#A1CECE
#A1D1CB
#A1D4C8
#A1D8C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts