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 #C3F2E2 to #C3E2F2 and to #F2C3E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3EFE5
#C4EEE5
#C6EDE4
#C7EDE4
#C8ECE3
#C9EBE3
#CBEAE2
#C3EDE7
#C5EBE6
#C8EAE5
#CAE8E5
#CDE7E4
#CFE5E3
#D2E3E2
#C3EAEA
#C7E8E9
#CAE5E7
#CEE3E6
#D2E0E5
#D5DEE4
#DADBE2
#C3E8EC
#C8E5EA
#CDE2E9
#D1DEE7
#D6DBE6
#DBD8E4
#E1D4E2
#C3E5EF
#C9E1ED
#CFDDEB
#D5D9E9
#DBD5E7
#E1D1E5
#E9CCE2
#C3E2F2
#CBDDEF
#D2D8ED
#DAD3EA
#E1CEE8
#E9C9E5
#F2C3E2
Colorpallet from #C3F2E2 to #C3E2F2 and to #F2E2C3
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3EFE5
#C4EFE4
#C6EFE2
#C7EFE1
#C8EFE0
#C9EFDF
#CBEFDD
#C3EDE7
#C5EDE5
#C8EDE2
#CAEDE0
#CDEDDD
#CFEDDB
#D2EDD8
#C3EAEA
#C7EAE6
#CAEAE3
#CEEADF
#D2EADB
#D5EAD8
#DAEAD3
#C3E8EC
#C8E8E7
#CDE8E2
#D1E8DE
#D6E8D9
#DBE8D4
#E1E8CE
#C3E5EF
#C9E5E9
#CFE5E3
#D5E5DD
#DBE5D7
#E1E5D1
#E9E5C9
#C3E2F2
#CBE2EA
#D2E2E3
#DAE2DB
#E1E2D4
#E9E2CC
#F2E2C3
Colorpallet from #C3F2E2 to #C3E2F2 and to #E2C3F2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3EFE5
#C4EEE5
#C5EDE5
#C5EDE5
#C6ECE5
#C7EBE5
#C8EAE5
#C3EDE7
#C5EBE7
#C6EAE7
#C8E8E7
#C9E7E7
#CBE5E7
#CDE3E7
#C3EAEA
#C5E8EA
#C8E5EA
#CAE3EA
#CDE0EA
#CFDEEA
#D2DBEA
#C3E8EC
#C6E5EC
#C9E2EC
#CDDEEC
#D0DBEC
#D3D8EC
#D7D4EC
#C3E5EF
#C7E1EF
#CBDDEF
#CFD9EF
#D3D5EF
#D7D1EF
#DCCCEF
#C3E2F2
#C8DDF2
#CDD8F2
#D2D3F2
#D7CEF2
#DCC9F2
#E2C3F2
Colorpallet from #C3F2E2 to #C3E2F2 and to #E2F2C3
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3EFE5
#C4EFE4
#C5F0E2
#C5F0E1
#C6F1E0
#C7F1DF
#C8F2DD
#C3EDE7
#C5EEE5
#C6EFE2
#C8EFE0
#C9F0DD
#CBF1DB
#CDF2D8
#C3EAEA
#C5EBE6
#C8EDE3
#CAEEDF
#CDEFDB
#CFF0D8
#D2F2D3
#C3E8EC
#C6EAE7
#C9EBE2
#CDEDDE
#D0EED9
#D3F0D4
#D7F2CE
#C3E5EF
#C7E7E9
#CBE9E3
#CFEBDD
#D3EDD7
#D7EFD1
#DCF2C9
#C3E2F2
#C8E5EA
#CDE7E3
#D2EADB
#D7ECD4
#DCEFCC
#E2F2C3
Colorpallet from #C3F2E2 to #F2C3E2 and to #F2E2C3
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#CBEAE2
#CBEBE1
#CBECE0
#CBECE0
#CBEDDF
#CBEEDE
#CBEFDD
#D2E3E2
#D2E5E0
#D2E6DF
#D2E8DD
#D2E9DC
#D2EBDA
#D2EDD8
#DADBE2
#DADDE0
#DAE0DD
#DAE2DB
#DAE5D8
#DAE7D6
#DAEAD3
#E1D4E2
#E1D7DF
#E1DADC
#E1DED8
#E1E1D5
#E1E4D2
#E1E8CE
#E9CCE2
#E9D0DE
#E9D4DA
#E9D8D6
#E9DCD2
#E9E0CE
#E9E5C9
#F2C3E2
#F2C8DD
#F2CDD8
#F2D2D3
#F2D7CE
#F2DCC9
#F2E2C3
Colorpallet from #C3F2E2 to #F2C3E2 and to #E2C3F2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#CBEAE2
#CBEAE2
#CAEAE3
#CAEAE3
#C9EAE4
#C9EAE4
#C8EAE5
#D2E3E2
#D1E3E3
#D0E3E4
#D0E3E4
#CFE3E5
#CEE3E6
#CDE3E7
#DADBE2
#D9DBE3
#D7DBE5
#D6DBE6
#D5DBE7
#D4DBE8
#D2DBEA
#E1D4E2
#DFD4E4
#DED4E5
#DCD4E7
#DBD4E8
#D9D4EA
#D7D4EC
#E9CCE2
#E7CCE4
#E5CCE6
#E3CCE8
#E1CCEA
#DFCCEC
#DCCCEF
#F2C3E2
#EFC3E5
#EDC3E7
#EAC3EA
#E8C3EC
#E5C3EF
#E2C3F2
Colorpallet from #C3F2E2 to #F2C3E2 and to #E2F2C3
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#CBEAE2
#CBEBE1
#CAEDE0
#CAEEE0
#C9EFDF
#C9F0DE
#C8F2DD
#D2E3E2
#D1E5E0
#D0E8DF
#D0EADD
#CFEDDC
#CEEFDA
#CDF2D8
#DADBE2
#D9DFE0
#D7E2DD
#D6E6DB
#D5EAD8
#D4EDD6
#D2F2D3
#E1D4E2
#DFD9DF
#DEDEDC
#DCE2D8
#DBE7D5
#D9ECD2
#D7F2CE
#E9CCE2
#E7D2DE
#E5D8DA
#E3DED6
#E1E4D2
#DFEACE
#DCF2C9
#F2C3E2
#EFCBDD
#EDD2D8
#EADAD3
#E8E1CE
#E5E9C9
#E2F2C3
Colorpallet from #C3F2E2 to #F2E2C3 and to #E2C3F2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#CBEFDD
#CBEEDE
#CAEDE0
#CAEDE1
#C9ECE2
#C9EBE3
#C8EAE5
#D2EDD8
#D1EBDA
#D0EADD
#D0E8DF
#CFE7E2
#CEE5E4
#CDE3E7
#DAEAD3
#D9E8D7
#D7E5DA
#D6E3DE
#D5E0E2
#D4DEE5
#D2DBEA
#E1E8CE
#DFE5D3
#DEE2D8
#DCDEDC
#DBDBE1
#D9D8E6
#D7D4EC
#E9E5C9
#E7E1CF
#E5DDD5
#E3D9DB
#E1D5E1
#DFD1E7
#DCCCEF
#F2E2C3
#EFDDCB
#EDD8D2
#EAD3DA
#E8CEE1
#E5C9E9
#E2C3F2
Colorpallet from #C3F2E2 to #F2E2C3 and to #E2F2C3
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#CBEFDD
#CBEFDD
#CAF0DD
#CAF0DD
#C9F1DD
#C9F1DD
#C8F2DD
#D2EDD8
#D1EED8
#D0EFD8
#D0EFD8
#CFF0D8
#CEF1D8
#CDF2D8
#DAEAD3
#D9EBD3
#D7EDD3
#D6EED3
#D5EFD3
#D4F0D3
#D2F2D3
#E1E8CE
#DFEACE
#DEEBCE
#DCEDCE
#DBEECE
#D9F0CE
#D7F2CE
#E9E5C9
#E7E7C9
#E5E9C9
#E3EBC9
#E1EDC9
#DFEFC9
#DCF2C9
#F2E2C3
#EFE5C3
#EDE7C3
#EAEAC3
#E8ECC3
#E5EFC3
#E2F2C3
Colorpallet from #C3F2E2 to #E2C3F2 and to #E2F2C3
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C3F2E2
#C8EAE5
#C8EBE4
#C8EDE2
#C8EEE1
#C8EFE0
#C8F0DF
#C8F2DD
#CDE3E7
#CDE5E5
#CDE8E2
#CDEAE0
#CDEDDD
#CDEFDB
#CDF2D8
#D2DBEA
#D2DFE6
#D2E2E3
#D2E6DF
#D2EADB
#D2EDD8
#D2F2D3
#D7D4EC
#D7D9E7
#D7DEE2
#D7E2DE
#D7E7D9
#D7ECD4
#D7F2CE
#DCCCEF
#DCD2E9
#DCD8E3
#DCDEDD
#DCE4D7
#DCEAD1
#DCF2C9
#E2C3F2
#E2CBEA
#E2D2E3
#E2DADB
#E2E1D4
#E2E9CC
#E2F2C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts