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 #CCF1B0 to #CCB0F1 and to #F1CCB0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCE7BA
#CDE8B8
#CEE8B7
#CFE9B5
#D0EAB4
#D1EAB2
#D2EBB0
#CCDCC5
#CEDDC2
#D0DFBE
#D2E0BB
#D4E2B8
#D6E3B4
#D8E5B0
#CCD2CF
#CFD4CA
#D2D6C5
#D5D8C0
#D8DABB
#DADCB6
#DEDFB0
#CCC7DA
#D0CAD3
#D4CDCD
#D8D0C6
#DBD3BF
#DFD5B8
#E4D9B0
#CCBDE4
#D1C1DC
#D6C4D3
#DAC8CB
#DFCBC3
#E4CFBA
#EAD3B0
#CCB0F1
#D2B4E7
#D8B9DC
#DEBDD2
#E4C2C7
#EAC6BD
#F1CCB0
Colorpallet from #CCF1B0 to #CCB0F1 and to #F1B0CC
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCE7BA
#CDE7B9
#CEE7B8
#CFE7B7
#D0E7B6
#D1E7B5
#D2E7B4
#CCDCC5
#CEDCC3
#D0DCC1
#D2DCBF
#D4DCBD
#D6DCBB
#D8DCB9
#CCD2CF
#CFD2CC
#D2D2C9
#D5D2C6
#D8D2C3
#DAD2C1
#DED2BD
#CCC7DA
#D0C7D6
#D4C7D2
#D8C7CE
#DBC7CB
#DFC7C7
#E4C7C2
#CCBDE4
#D1BDDF
#D6BDDA
#DABDD6
#DFBDD1
#E4BDCC
#EABDC6
#CCB0F1
#D2B0EB
#D8B0E5
#DEB0DF
#E4B0D9
#EAB0D3
#F1B0CC
Colorpallet from #CCF1B0 to #CCB0F1 and to #B0CCF1
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCE7BA
#CBE8BA
#CBE8BA
#CAE9BA
#C9EABA
#C9EABA
#C8EBBA
#CCDCC5
#CBDDC5
#C9DFC5
#C8E0C5
#C6E2C5
#C5E3C5
#C3E5C5
#CCD2CF
#CAD4CF
#C8D6CF
#C6D8CF
#C4DACF
#C2DCCF
#BFDFCF
#CCC7DA
#C9CADA
#C6CDDA
#C3D0DA
#C0D3DA
#BED5DA
#BAD9DA
#CCBDE4
#C8C1E4
#C5C4E4
#C1C8E4
#BECBE4
#BACFE4
#B6D3E4
#CCB0F1
#C8B4F1
#C3B9F1
#BFBDF1
#BAC2F1
#B6C6F1
#B0CCF1
Colorpallet from #CCF1B0 to #CCB0F1 and to #B0F1CC
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCE7BA
#CBE9B9
#CBEAB8
#CAECB7
#C9EDB6
#C9EFB5
#C8F1B4
#CCDCC5
#CBDFC3
#C9E3C1
#C8E6BF
#C6E9BD
#C5EDBB
#C3F1B9
#CCD2CF
#CAD7CC
#C8DCC9
#C6E1C6
#C4E6C3
#C2EBC1
#BFF1BD
#CCC7DA
#C9CED6
#C6D4D2
#C3DBCE
#C0E2CB
#BEE9C7
#BAF1C2
#CCBDE4
#C8C5DF
#C5CEDA
#C1D6D6
#BEDED1
#BAE7CC
#B6F1C6
#CCB0F1
#C8BAEB
#C3C5E5
#BFCFDF
#BADAD9
#B6E4D3
#B0F1CC
Colorpallet from #CCF1B0 to #F1CCB0 and to #F1B0CC
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#D2EBB0
#D2EAB1
#D2EAB1
#D2E9B2
#D2E8B3
#D2E8B3
#D2E7B4
#D8E5B0
#D8E4B1
#D8E2B3
#D8E1B4
#D8DFB6
#D8DEB7
#D8DCB9
#DEDFB0
#DEDDB2
#DEDBB4
#DED9B6
#DED7B8
#DED5BA
#DED2BD
#E4D9B0
#E4D6B3
#E4D3B6
#E4D0B9
#E4CDBC
#E4CBBE
#E4C7C2
#EAD3B0
#EACFB4
#EACCB7
#EAC8BB
#EAC5BE
#EAC1C2
#EABDC6
#F1CCB0
#F1C8B4
#F1C3B9
#F1BFBD
#F1BAC2
#F1B6C6
#F1B0CC
Colorpallet from #CCF1B0 to #F1CCB0 and to #B0CCF1
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#D2EBB0
#D0EBB2
#CFEBB3
#CDEBB5
#CCEBB6
#CAEBB8
#C8EBBA
#D8E5B0
#D5E5B3
#D1E5B7
#CEE5BA
#CBE5BD
#C7E5C1
#C3E5C5
#DEDFB0
#D9DFB5
#D4DFBA
#CFDFBF
#CADFC4
#C5DFC9
#BFDFCF
#E4D9B0
#DDD9B7
#D7D9BD
#D0D9C4
#C9D9CB
#C2D9D2
#BAD9DA
#EAD3B0
#E2D3B8
#D9D3C1
#D1D3C9
#C9D3D1
#C0D3DA
#B6D3E4
#F1CCB0
#E7CCBA
#DCCCC5
#D2CCCF
#C7CCDA
#BDCCE4
#B0CCF1
Colorpallet from #CCF1B0 to #F1CCB0 and to #B0F1CC
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#D2EBB0
#D0ECB1
#CFEDB1
#CDEEB2
#CCEFB3
#CAF0B3
#C8F1B4
#D8E5B0
#D5E7B1
#D1E9B3
#CEEBB4
#CBEDB6
#C7EFB7
#C3F1B9
#DEDFB0
#D9E2B2
#D4E5B4
#CFE8B6
#CAEBB8
#C5EDBA
#BFF1BD
#E4D9B0
#DDDDB3
#D7E1B6
#D0E5B9
#C9E8BC
#C2ECBE
#BAF1C2
#EAD3B0
#E2D8B4
#D9DDB7
#D1E1BB
#C9E6BE
#C0EBC2
#B6F1C6
#F1CCB0
#E7D2B4
#DCD8B9
#D2DEBD
#C7E4C2
#BDEAC6
#B0F1CC
Colorpallet from #CCF1B0 to #F1B0CC and to #B0CCF1
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#D2E7B4
#D0E8B5
#CFE8B6
#CDE9B7
#CCEAB8
#CAEAB9
#C8EBBA
#D8DCB9
#D5DDBB
#D1DFBD
#CEE0BF
#CBE2C1
#C7E3C3
#C3E5C5
#DED2BD
#D9D4C0
#D4D6C3
#CFD8C6
#CADAC9
#C5DCCB
#BFDFCF
#E4C7C2
#DDCAC6
#D7CDCA
#D0D0CE
#C9D3D1
#C2D5D5
#BAD9DA
#EABDC6
#E2C1CB
#D9C4D0
#D1C8D4
#C9CBD9
#C0CFDE
#B6D3E4
#F1B0CC
#E7B4D2
#DCB9D8
#D2BDDE
#C7C2E4
#BDC6EA
#B0CCF1
Colorpallet from #CCF1B0 to #F1B0CC and to #B0F1CC
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#D2E7B4
#D0E9B4
#CFEAB4
#CDECB4
#CCEDB4
#CAEFB4
#C8F1B4
#D8DCB9
#D5DFB9
#D1E3B9
#CEE6B9
#CBE9B9
#C7EDB9
#C3F1B9
#DED2BD
#D9D7BD
#D4DCBD
#CFE1BD
#CAE6BD
#C5EBBD
#BFF1BD
#E4C7C2
#DDCEC2
#D7D4C2
#D0DBC2
#C9E2C2
#C2E9C2
#BAF1C2
#EABDC6
#E2C5C6
#D9CEC6
#D1D6C6
#C9DEC6
#C0E7C6
#B6F1C6
#F1B0CC
#E7BACC
#DCC5CC
#D2CFCC
#C7DACC
#BDE4CC
#B0F1CC
Colorpallet from #CCF1B0 to #B0CCF1 and to #B0F1CC
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#CCF1B0
#C8EBBA
#C8ECB9
#C8EDB8
#C8EEB7
#C8EFB6
#C8F0B5
#C8F1B4
#C3E5C5
#C3E7C3
#C3E9C1
#C3EBBF
#C3EDBD
#C3EFBB
#C3F1B9
#BFDFCF
#BFE2CC
#BFE5C9
#BFE8C6
#BFEBC3
#BFEDC1
#BFF1BD
#BAD9DA
#BADDD6
#BAE1D2
#BAE5CE
#BAE8CB
#BAECC7
#BAF1C2
#B6D3E4
#B6D8DF
#B6DDDA
#B6E1D6
#B6E6D1
#B6EBCC
#B6F1C6
#B0CCF1
#B0D2EB
#B0D8E5
#B0DEDF
#B0E4D9
#B0EAD3
#B0F1CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
