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 #C5E1F2 to #C5F2E1 and to #E1C5F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E4EF
#C6E3EF
#C6E2F0
#C7E1F0
#C8E0F1
#C8DEF1
#C9DDF2
#C5E6ED
#C6E4EE
#C8E2EF
#C9DFEF
#CBDDF0
#CCDBF1
#CED8F2
#C5E9EA
#C7E6EB
#C9E2ED
#CBDFEE
#CDDCEF
#CFD8F0
#D2D4F2
#C5ECE7
#C8E7E9
#CBE3EB
#CEDEEC
#D1D9EE
#D3D5F0
#D7CFF2
#C5EFE4
#C9E9E6
#CCE3E8
#D0DEEB
#D3D8ED
#D7D2EF
#DBCBF2
#C5F2E1
#C9EBE4
#CEE4E6
#D2DCE9
#D7D5EC
#DBCEEF
#E1C5F2
Colorpallet from #C5E1F2 to #C5F2E1 and to #E1F2C5
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E4EF
#C6E4EE
#C6E4EE
#C7E4ED
#C8E4EC
#C8E4EC
#C9E4EB
#C5E6ED
#C6E6EC
#C8E6EA
#C9E6E9
#CBE6E7
#CCE6E6
#CEE6E4
#C5E9EA
#C7E9E8
#C9E9E6
#CBE9E3
#CDE9E1
#CFE9DF
#D2E9DC
#C5ECE7
#C8ECE4
#CBECE1
#CEECDE
#D1ECDB
#D3ECD9
#D7ECD5
#C5EFE4
#C9EFE0
#CCEFDD
#D0EFD9
#D3EFD6
#D7EFD2
#DBEFCE
#C5F2E1
#C9F2DD
#CEF2D8
#D2F2D4
#D7F2CF
#DBF2CB
#E1F2C5
Colorpallet from #C5E1F2 to #C5F2E1 and to #F2C5E1
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E4EF
#C6E3EF
#C7E2EF
#C8E1EF
#C9E0EF
#CBDEEF
#CCDDEF
#C5E6ED
#C7E4ED
#C9E2ED
#CCDFED
#CEDDED
#D0DBED
#D3D8ED
#C5E9EA
#C9E6EA
#CCE2EA
#D0DFEA
#D3DCEA
#D7D8EA
#DBD4EA
#C5ECE7
#CAE7E7
#CEE3E7
#D3DEE7
#D8D9E7
#DCD5E7
#E2CFE7
#C5EFE4
#CBE9E4
#D1E3E4
#D6DEE4
#DCD8E4
#E2D2E4
#E9CBE4
#C5F2E1
#CCEBE1
#D3E4E1
#DBDCE1
#E2D5E1
#E9CEE1
#F2C5E1
Colorpallet from #C5E1F2 to #C5F2E1 and to #F2E1C5
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E4EF
#C6E4EE
#C7E3EE
#C8E3ED
#C9E2EC
#CBE2EC
#CCE1EB
#C5E6ED
#C7E5EC
#C9E4EA
#CCE4E9
#CEE3E7
#D0E2E6
#D3E1E4
#C5E9EA
#C9E8E8
#CCE6E6
#D0E5E3
#D3E4E1
#D7E3DF
#DBE1DC
#C5ECE7
#CAEAE4
#CEE8E1
#D3E7DE
#D8E5DB
#DCE3D9
#E2E1D5
#C5EFE4
#CBEDE0
#D1EBDD
#D6E8D9
#DCE6D6
#E2E4D2
#E9E1CE
#C5F2E1
#CCEFDD
#D3EDD8
#DBEAD4
#E2E7CF
#E9E4CB
#F2E1C5
Colorpallet from #C5E1F2 to #E1C5F2 and to #E1F2C5
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C9DDF2
#C9DEF1
#C9DFF0
#C9E0EF
#C9E1EE
#C9E3EC
#C9E4EB
#CED8F2
#CEDAF0
#CEDCEE
#CEDFEB
#CEE1E9
#CEE3E7
#CEE6E4
#D2D4F2
#D2D7EE
#D2DBEB
#D2DEE7
#D2E1E4
#D2E5E0
#D2E9DC
#D7CFF2
#D7D4ED
#D7D8E9
#D7DDE4
#D7E2DF
#D7E6DB
#D7ECD5
#DBCBF2
#DBD1EC
#DBD7E6
#DBDCE1
#DBE2DB
#DBE8D5
#DBEFCE
#E1C5F2
#E1CCEB
#E1D3E4
#E1DBDC
#E1E2D5
#E1E9CE
#E1F2C5
Colorpallet from #C5E1F2 to #E1C5F2 and to #F2C5E1
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C9DDF2
#C9DDF2
#CADDF1
#CADDF1
#CBDDF0
#CBDDF0
#CCDDEF
#CED8F2
#CFD8F1
#D0D8F0
#D0D8F0
#D1D8EF
#D2D8EE
#D3D8ED
#D2D4F2
#D3D4F1
#D5D4EF
#D6D4EE
#D8D4ED
#D9D4EC
#DBD4EA
#D7CFF2
#D9CFF0
#DBCFEE
#DCCFED
#DECFEB
#E0CFE9
#E2CFE7
#DBCBF2
#DDCBF0
#DFCBEE
#E2CBEB
#E4CBE9
#E6CBE7
#E9CBE4
#E1C5F2
#E4C5EF
#E6C5ED
#E9C5EA
#ECC5E7
#EFC5E4
#F2C5E1
Colorpallet from #C5E1F2 to #E1C5F2 and to #F2E1C5
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C9DDF2
#C9DEF1
#CADEF0
#CADFEF
#CBE0EE
#CBE0EC
#CCE1EB
#CED8F2
#CFD9F0
#D0DBEE
#D0DCEB
#D1DEE9
#D2DFE7
#D3E1E4
#D2D4F2
#D3D6EE
#D5D8EB
#D6DAE7
#D8DCE4
#D9DEE0
#DBE1DC
#D7CFF2
#D9D2ED
#DBD5E9
#DCD8E4
#DEDBDF
#E0DDDB
#E2E1D5
#DBCBF2
#DDCFEC
#DFD2E6
#E2D6E1
#E4D9DB
#E6DDD5
#E9E1CE
#E1C5F2
#E4C9EB
#E6CEE4
#E9D2DC
#ECD7D5
#EFDBCE
#F2E1C5
Colorpallet from #C5E1F2 to #E1F2C5 and to #F2C5E1
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C9E4EB
#C9E3EC
#CAE2EC
#CAE1ED
#CBE0EE
#CBDEEE
#CCDDEF
#CEE6E4
#CFE4E5
#D0E2E7
#D0DFE8
#D1DDEA
#D2DBEB
#D3D8ED
#D2E9DC
#D3E6DE
#D5E2E0
#D6DFE3
#D8DCE5
#D9D8E7
#DBD4EA
#D7ECD5
#D9E7D8
#DBE3DB
#DCDEDE
#DED9E1
#E0D5E3
#E2CFE7
#DBEFCE
#DDE9D2
#DFE3D5
#E2DED9
#E4D8DC
#E6D2E0
#E9CBE4
#E1F2C5
#E4EBC9
#E6E4CE
#E9DCD2
#ECD5D7
#EFCEDB
#F2C5E1
Colorpallet from #C5E1F2 to #E1F2C5 and to #F2E1C5
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C9E4EB
#C9E4EB
#CAE3EB
#CAE3EB
#CBE2EB
#CBE2EB
#CCE1EB
#CEE6E4
#CFE5E4
#D0E4E4
#D0E4E4
#D1E3E4
#D2E2E4
#D3E1E4
#D2E9DC
#D3E8DC
#D5E6DC
#D6E5DC
#D8E4DC
#D9E3DC
#DBE1DC
#D7ECD5
#D9EAD5
#DBE8D5
#DCE7D5
#DEE5D5
#E0E3D5
#E2E1D5
#DBEFCE
#DDEDCE
#DFEBCE
#E2E8CE
#E4E6CE
#E6E4CE
#E9E1CE
#E1F2C5
#E4EFC5
#E6EDC5
#E9EAC5
#ECE7C5
#EFE4C5
#F2E1C5
Colorpallet from #C5E1F2 to #F2C5E1 and to #F2E1C5
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#C5E1F2
#CCDDEF
#CCDEEE
#CCDEEE
#CCDFED
#CCE0EC
#CCE0EC
#CCE1EB
#D3D8ED
#D3D9EC
#D3DBEA
#D3DCE9
#D3DEE7
#D3DFE6
#D3E1E4
#DBD4EA
#DBD6E8
#DBD8E6
#DBDAE3
#DBDCE1
#DBDEDF
#DBE1DC
#E2CFE7
#E2D2E4
#E2D5E1
#E2D8DE
#E2DBDB
#E2DDD9
#E2E1D5
#E9CBE4
#E9CFE0
#E9D2DD
#E9D6D9
#E9D9D6
#E9DDD2
#E9E1CE
#F2C5E1
#F2C9DD
#F2CED8
#F2D2D4
#F2D7CF
#F2DBCB
#F2E1C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
