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 #CDD5ED to #CDEDD5 and to #D5CDED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD9E9
#CDD8EA
#CDD7EA
#CDD7EB
#CED6EC
#CED5EC
#CED4ED
#CDDDE5
#CDDBE6
#CED9E8
#CED8E9
#CFD6EA
#CFD4EB
#D0D2ED
#CDE1E1
#CEDEE3
#CEDCE5
#CFD9E7
#D0D7E9
#D0D4EB
#D1D1ED
#CDE4DE
#CEE1E0
#CFDEE3
#CFDAE5
#D0D7E8
#D1D4EA
#D2D0ED
#CDE8DA
#CEE4DD
#CFE0E0
#D0DCE3
#D1D8E6
#D2D4E9
#D3CFED
#CDEDD5
#CEE8D9
#D0E3DD
#D1DEE1
#D2D9E4
#D3D3E8
#D5CDED
Colorpallet from #CDD5ED to #CDEDD5 and to #D5EDCD
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CED9E8
#CED9E8
#CED9E8
#CDDDE5
#CDDDE5
#CEDDE4
#CEDDE4
#CFDDE4
#CFDDE3
#D0DDE3
#CDE1E1
#CEE1E1
#CEE1E0
#CFE1E0
#D0E1DF
#D0E1DF
#D1E1DE
#CDE4DE
#CEE4DD
#CFE4DC
#CFE4DC
#D0E4DB
#D1E4DA
#D2E4D9
#CDE8DA
#CEE8D9
#CFE8D8
#D0E8D7
#D1E8D6
#D2E8D4
#D3E8D3
#CDEDD5
#CEEDD4
#D0EDD2
#D1EDD1
#D2EDD0
#D3EDCF
#D5EDCD
Colorpallet from #CDD5ED to #CDEDD5 and to #EDCDD5
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD9E9
#CED8E9
#CFD7E9
#CFD7E9
#D0D6E9
#D1D5E9
#D2D4E9
#CDDDE5
#CFDBE5
#D0D9E5
#D2D8E5
#D3D6E5
#D5D4E5
#D7D2E5
#CDE1E1
#CFDEE1
#D2DCE1
#D4D9E1
#D7D7E1
#D9D4E1
#DCD1E1
#CDE4DE
#D0E1DE
#D3DEDE
#D7DADE
#DAD7DE
#DDD4DE
#E1D0DE
#CDE8DA
#D1E4DA
#D5E0DA
#D9DCDA
#DED8DA
#E2D4DA
#E7CFDA
#CDEDD5
#D2E8D5
#D7E3D5
#DCDED5
#E1D9D5
#E7D3D5
#EDCDD5
Colorpallet from #CDD5ED to #CDEDD5 and to #EDD5CD
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD9E9
#CED8E9
#CFD8E9
#CFD7E9
#D0D6E8
#D1D6E8
#D2D5E8
#CDDDE5
#CFDCE5
#D0DAE4
#D2D9E4
#D3D8E4
#D5D7E3
#D7D5E3
#CDE1E1
#CFDFE1
#D2DDE0
#D4DBE0
#D7D9DF
#D9D7DF
#DCD5DE
#CDE4DE
#D0E2DD
#D3DFDC
#D7DDDC
#DADADB
#DDD8DA
#E1D5D9
#CDE8DA
#D1E5D9
#D5E2D8
#D9DFD7
#DEDCD6
#E2D9D4
#E7D5D3
#CDEDD5
#D2E9D4
#D7E5D2
#DCE1D1
#E1DED0
#E7DACF
#EDD5CD
Colorpallet from #CDD5ED to #D5CDED and to #D5EDCD
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CED4ED
#CED5EC
#CED6EB
#CED6EB
#CED7EA
#CED8E9
#CED9E8
#D0D2ED
#D0D4EB
#D0D6EA
#D0D7E8
#D0D9E7
#D0DBE5
#D0DDE3
#D1D1ED
#D1D4EB
#D1D6E8
#D1D9E6
#D1DBE3
#D1DEE1
#D1E1DE
#D2D0ED
#D2D3EA
#D2D6E7
#D2DAE3
#D2DDE0
#D2E0DD
#D2E4D9
#D3CFED
#D3D3E9
#D3D7E5
#D3DBE1
#D3DFDC
#D3E3D8
#D3E8D3
#D5CDED
#D5D2E8
#D5D7E3
#D5DCDE
#D5E1D9
#D5E7D3
#D5EDCD
Colorpallet from #CDD5ED to #D5CDED and to #EDCDD5
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CED4ED
#CFD4EC
#CFD4EC
#D0D4EB
#D1D4EA
#D1D4EA
#D2D4E9
#D0D2ED
#D1D2EC
#D2D2EA
#D3D2E9
#D4D2E8
#D6D2E7
#D7D2E5
#D1D1ED
#D3D1EB
#D5D1E9
#D6D1E7
#D8D1E5
#DAD1E3
#DCD1E1
#D2D0ED
#D4D0EB
#D7D0E8
#D9D0E6
#DCD0E3
#DED0E1
#E1D0DE
#D3CFED
#D6CFEA
#D9CFE7
#DDCFE4
#E0CFE1
#E3CFDE
#E7CFDA
#D5CDED
#D9CDE9
#DDCDE5
#E1CDE1
#E4CDDE
#E8CDDA
#EDCDD5
Colorpallet from #CDD5ED to #D5CDED and to #EDD5CD
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CED4ED
#CFD4EC
#CFD4EB
#D0D4EB
#D1D5EA
#D1D5E9
#D2D5E8
#D0D2ED
#D1D2EB
#D2D3EA
#D3D3E8
#D4D4E7
#D6D4E5
#D7D5E3
#D1D1ED
#D3D2EB
#D5D2E8
#D6D3E6
#D8D4E3
#DAD4E1
#DCD5DE
#D2D0ED
#D4D1EA
#D7D2E7
#D9D2E3
#DCD3E0
#DED4DD
#E1D5D9
#D3CFED
#D6D0E9
#D9D1E5
#DDD2E1
#E0D3DC
#E3D4D8
#E7D5D3
#D5CDED
#D9CEE8
#DDD0E3
#E1D1DE
#E4D2D9
#E8D3D3
#EDD5CD
Colorpallet from #CDD5ED to #D5EDCD and to #EDCDD5
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CED9E8
#CFD8E8
#CFD7E8
#D0D7E8
#D1D6E9
#D1D5E9
#D2D4E9
#D0DDE3
#D1DBE3
#D2D9E4
#D3D8E4
#D4D6E4
#D6D4E5
#D7D2E5
#D1E1DE
#D3DEDE
#D5DCDF
#D6D9DF
#D8D7E0
#DAD4E0
#DCD1E1
#D2E4D9
#D4E1DA
#D7DEDB
#D9DADB
#DCD7DC
#DED4DD
#E1D0DE
#D3E8D3
#D6E4D4
#D9E0D5
#DDDCD6
#E0D8D7
#E3D4D9
#E7CFDA
#D5EDCD
#D9E8CE
#DDE3D0
#E1DED1
#E4D9D2
#E8D3D3
#EDCDD5
Colorpallet from #CDD5ED to #D5EDCD and to #EDD5CD
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CED9E8
#CFD8E8
#CFD8E8
#D0D7E8
#D1D6E8
#D1D6E8
#D2D5E8
#D0DDE3
#D1DCE3
#D2DAE3
#D3D9E3
#D4D8E3
#D6D7E3
#D7D5E3
#D1E1DE
#D3DFDE
#D5DDDE
#D6DBDE
#D8D9DE
#DAD7DE
#DCD5DE
#D2E4D9
#D4E2D9
#D7DFD9
#D9DDD9
#DCDAD9
#DED8D9
#E1D5D9
#D3E8D3
#D6E5D3
#D9E2D3
#DDDFD3
#E0DCD3
#E3D9D3
#E7D5D3
#D5EDCD
#D9E9CD
#DDE5CD
#E1E1CD
#E4DECD
#E8DACD
#EDD5CD
Colorpallet from #CDD5ED to #EDCDD5 and to #EDD5CD
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#D2D4E9
#D2D4E9
#D2D4E9
#D2D4E9
#D2D5E8
#D2D5E8
#D2D5E8
#D7D2E5
#D7D2E5
#D7D3E4
#D7D3E4
#D7D4E4
#D7D4E3
#D7D5E3
#DCD1E1
#DCD2E1
#DCD2E0
#DCD3E0
#DCD4DF
#DCD4DF
#DCD5DE
#E1D0DE
#E1D1DD
#E1D2DC
#E1D2DC
#E1D3DB
#E1D4DA
#E1D5D9
#E7CFDA
#E7D0D9
#E7D1D8
#E7D2D7
#E7D3D6
#E7D4D4
#E7D5D3
#EDCDD5
#EDCED4
#EDD0D2
#EDD1D1
#EDD2D0
#EDD3CF
#EDD5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts