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 #BAE2ED to #BAEDE2 and to #E2BAED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE4EB
#BBE3EB
#BCE1EC
#BDE0EC
#BEDFEC
#BFDEED
#C0DCED
#BAE6E9
#BCE3EA
#BEE1EA
#C0DEEB
#C2DBEC
#C4D8EC
#C7D5ED
#BAE7E8
#BDE3E9
#C0DFEA
#C3DBEA
#C6D8EB
#C9D4EC
#CDCFED
#BAE9E6
#BEE4E7
#C2DEE8
#C6D9E9
#CBD4EA
#CFCFEC
#D4C8ED
#BAEBE4
#BFE4E5
#C4DEE7
#C9D7E8
#CED1EA
#D4CAEB
#DAC2ED
#BAEDE2
#C0E5E4
#C7DDE6
#CDD5E7
#D4CCE9
#DAC4EB
#E2BAED
Colorpallet from #BAE2ED to #BAEDE2 and to #E2EDBA
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE4EB
#BBE4EA
#BCE4E9
#BDE4E8
#BEE4E7
#BFE4E6
#C0E4E5
#BAE6E9
#BCE6E7
#BEE6E5
#C0E6E3
#C2E6E1
#C4E6DF
#C7E6DD
#BAE7E8
#BDE7E5
#C0E7E2
#C3E7DF
#C6E7DC
#C9E7D9
#CDE7D5
#BAE9E6
#BEE9E2
#C2E9DE
#C6E9DA
#CBE9D5
#CFE9D1
#D4E9CC
#BAEBE4
#BFEBDF
#C4EBDA
#C9EBD5
#CEEBD0
#D4EBCA
#DAEBC4
#BAEDE2
#C0EDDC
#C7EDD5
#CDEDCF
#D4EDC8
#DAEDC2
#E2EDBA
Colorpallet from #BAE2ED to #BAEDE2 and to #EDBAE2
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE4EB
#BBE3EB
#BDE1EB
#BEE0EB
#BFDFEB
#C0DEEB
#C2DCEB
#BAE6E9
#BDE3E9
#BFE1E9
#C2DEE9
#C4DBE9
#C7D8E9
#CAD5E9
#BAE7E8
#BEE3E8
#C2DFE8
#C6DBE8
#C9D8E8
#CDD4E8
#D2CFE8
#BAE9E6
#BFE4E6
#C5DEE6
#CAD9E6
#CFD4E6
#D4CFE6
#DBC8E6
#BAEBE4
#C1E4E4
#C7DEE4
#CED7E4
#D4D1E4
#DBCAE4
#E3C2E4
#BAEDE2
#C2E5E2
#CADDE2
#D2D5E2
#DBCCE2
#E3C4E2
#EDBAE2
Colorpallet from #BAE2ED to #BAEDE2 and to #EDE2BA
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE4EB
#BBE4EA
#BDE3E9
#BEE3E8
#BFE3E7
#C0E2E6
#C2E2E5
#BAE6E9
#BDE5E7
#BFE5E5
#C2E4E3
#C4E3E1
#C7E3DF
#CAE2DD
#BAE7E8
#BEE6E5
#C2E5E2
#C6E5DF
#C9E4DC
#CDE3D9
#D2E2D5
#BAE9E6
#BFE8E2
#C5E7DE
#CAE6DA
#CFE5D5
#D4E3D1
#DBE2CC
#BAEBE4
#C1EADF
#C7E8DA
#CEE7D5
#D4E5D0
#DBE4CA
#E3E2C4
#BAEDE2
#C2EBDC
#CAE9D5
#D2E8CF
#DBE6C8
#E3E4C2
#EDE2BA
Colorpallet from #BAE2ED to #E2BAED and to #E2EDBA
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#C0DCED
#C0DDEC
#C0DFEA
#C0E0E9
#C0E1E8
#C0E2E7
#C0E4E5
#C7D5ED
#C7D8EA
#C7DAE8
#C7DDE5
#C7E0E3
#C7E3E0
#C7E6DD
#CDCFED
#CDD3E9
#CDD7E5
#CDDBE1
#CDDEDE
#CDE2DA
#CDE7D5
#D4C8ED
#D4CDE8
#D4D3E2
#D4D8DD
#D4DDD8
#D4E2D3
#D4E9CC
#DAC2ED
#DAC9E6
#DACFE0
#DAD6D9
#DADCD3
#DAE3CC
#DAEBC4
#E2BAED
#E2C2E5
#E2CADD
#E2D2D5
#E2DBCC
#E2E3C4
#E2EDBA
Colorpallet from #BAE2ED to #E2BAED and to #EDBAE2
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#C0DCED
#C0DCED
#C1DCEC
#C1DCEC
#C1DCEC
#C2DCEB
#C2DCEB
#C7D5ED
#C7D5EC
#C8D5EC
#C8D5EB
#C9D5EA
#C9D5EA
#CAD5E9
#CDCFED
#CECFEC
#CFCFEB
#CFCFEB
#D0CFEA
#D1CFE9
#D2CFE8
#D4C8ED
#D5C8EC
#D6C8EB
#D7C8EA
#D8C8E9
#DAC8E7
#DBC8E6
#DAC2ED
#DBC2EC
#DDC2EA
#DEC2E9
#E0C2E7
#E1C2E6
#E3C2E4
#E2BAED
#E4BAEB
#E6BAE9
#E7BAE8
#E9BAE6
#EBBAE4
#EDBAE2
Colorpallet from #BAE2ED to #E2BAED and to #EDE2BA
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#C0DCED
#C0DDEC
#C1DEEA
#C1DFE9
#C1E0E8
#C2E1E7
#C2E2E5
#C7D5ED
#C7D7EA
#C8D9E8
#C8DBE5
#C9DDE3
#C9DFE0
#CAE2DD
#CDCFED
#CED2E9
#CFD5E5
#CFD8E1
#D0DBDE
#D1DEDA
#D2E2D5
#D4C8ED
#D5CCE8
#D6D0E2
#D7D4DD
#D8D9D8
#DADDD3
#DBE2CC
#DAC2ED
#DBC7E6
#DDCCE0
#DED1D9
#E0D6D3
#E1DCCC
#E3E2C4
#E2BAED
#E4C0E5
#E6C7DD
#E7CDD5
#E9D4CC
#EBDAC4
#EDE2BA
Colorpallet from #BAE2ED to #E2EDBA and to #EDBAE2
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#C0E4E5
#C0E3E6
#C1E1E7
#C1E0E8
#C1DFE9
#C2DEEA
#C2DCEB
#C7E6DD
#C7E3DF
#C8E1E1
#C8DEE3
#C9DBE5
#C9D8E7
#CAD5E9
#CDE7D5
#CEE3D8
#CFDFDB
#CFDBDE
#D0D8E1
#D1D4E4
#D2CFE8
#D4E9CC
#D5E4D0
#D6DED4
#D7D9D8
#D8D4DD
#DACFE1
#DBC8E6
#DAEBC4
#DBE4C9
#DDDECE
#DED7D3
#E0D1D8
#E1CADE
#E3C2E4
#E2EDBA
#E4E5C0
#E6DDC7
#E7D5CD
#E9CCD4
#EBC4DA
#EDBAE2
Colorpallet from #BAE2ED to #E2EDBA and to #EDE2BA
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#C0E4E5
#C0E4E5
#C1E3E5
#C1E3E5
#C1E3E5
#C2E2E5
#C2E2E5
#C7E6DD
#C7E5DD
#C8E5DD
#C8E4DD
#C9E3DD
#C9E3DD
#CAE2DD
#CDE7D5
#CEE6D5
#CFE5D5
#CFE5D5
#D0E4D5
#D1E3D5
#D2E2D5
#D4E9CC
#D5E8CC
#D6E7CC
#D7E6CC
#D8E5CC
#DAE3CC
#DBE2CC
#DAEBC4
#DBEAC4
#DDE8C4
#DEE7C4
#E0E5C4
#E1E4C4
#E3E2C4
#E2EDBA
#E4EBBA
#E6E9BA
#E7E8BA
#E9E6BA
#EBE4BA
#EDE2BA
Colorpallet from #BAE2ED to #EDBAE2 and to #EDE2BA
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#BAE2ED
#C2DCEB
#C2DDEA
#C2DEE9
#C2DFE8
#C2E0E7
#C2E1E6
#C2E2E5
#CAD5E9
#CAD7E7
#CAD9E5
#CADBE3
#CADDE1
#CADFDF
#CAE2DD
#D2CFE8
#D2D2E5
#D2D5E2
#D2D8DF
#D2DBDC
#D2DED9
#D2E2D5
#DBC8E6
#DBCCE2
#DBD0DE
#DBD4DA
#DBD9D5
#DBDDD1
#DBE2CC
#E3C2E4
#E3C7DF
#E3CCDA
#E3D1D5
#E3D6D0
#E3DCCA
#E3E2C4
#EDBAE2
#EDC0DC
#EDC7D5
#EDCDCF
#EDD4C8
#EDDAC2
#EDE2BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
