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 #CDE3E3 to #CD1CE3 and to #E3CDE3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDC3E3
#CEC7E3
#CECCE3
#CFD0E3
#D0D5E3
#D0D9E3
#D1DFE3
#CDA3E3
#CEACE3
#CFB5E3
#D0BEE3
#D1C7E3
#D3D1E3
#D4DCE3
#CD83E3
#CF91E3
#D19EE3
#D2ACE3
#D4B9E3
#D6C7E3
#D8D8E3
#CD64E3
#CF76E3
#D188E3
#D49AE3
#D6ACE3
#D8BEE3
#DBD5E3
#CD44E3
#D05BE3
#D371E3
#D688E3
#D99EE3
#DBB5E3
#DFD1E3
#CD1CE3
#D138E3
#D455E3
#D871E3
#DB8DE3
#DFAAE3
#E3CDE3
Colorpallet from #CDE3E3 to #CD1CE3 and to #E3E3CD
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDC3E3
#CEC8E2
#CECDE2
#CFD2E1
#D0D7E0
#D0DDE0
#D1E3DF
#CDA3E3
#CEADE2
#CFB7E1
#D0C2E0
#D1CCDF
#D3D6DD
#D4E3DC
#CD83E3
#CF92E1
#D1A2DF
#D2B1DE
#D4C0DC
#D6D0DA
#D8E3D8
#CD64E3
#CF78E1
#D18DDF
#D4A1DC
#D6B5DA
#D8CAD8
#DBE3D5
#CD44E3
#D05DE0
#D377DD
#D690DA
#D9AAD7
#DBC3D5
#DFE3D1
#CD1CE3
#D13CDF
#D45CDC
#D87CD8
#DB9BD5
#DFBBD1
#E3E3CD
Colorpallet from #CDE3E3 to #CD1CE3 and to #E332E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDC3E3
#CEC4E3
#CEC4E3
#CFC5E3
#D0C6E3
#D0C6E3
#D1C7E3
#CDA3E3
#CEA4E3
#CFA5E3
#D0A6E3
#D1A7E3
#D3A9E3
#D4AAE3
#CD83E3
#CF85E3
#D187E3
#D288E3
#D48AE3
#D68CE3
#D88EE3
#CD64E3
#CF66E3
#D168E3
#D46BE3
#D66DE3
#D86FE3
#DB72E3
#CD44E3
#D047E3
#D349E3
#D64CE3
#D94FE3
#DB52E3
#DF55E3
#CD1CE3
#D120E3
#D423E3
#D827E3
#DB2AE3
#DF2EE3
#E332E3
Colorpallet from #CDE3E3 to #E3CDE3 and to #E3E3CD
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#D1DFE3
#D1E0E2
#D1E0E2
#D1E1E1
#D1E2E0
#D1E2E0
#D1E3DF
#D4DCE3
#D4DDE2
#D4DEE1
#D4DFE0
#D4E0DF
#D4E2DD
#D4E3DC
#D8D8E3
#D8DAE1
#D8DCDF
#D8DDDE
#D8DFDC
#D8E1DA
#D8E3D8
#DBD5E3
#DBD7E1
#DBD9DF
#DBDCDC
#DBDEDA
#DBE0D8
#DBE3D5
#DFD1E3
#DFD4E0
#DFD7DD
#DFDADA
#DFDDD7
#DFDFD5
#DFE3D1
#E3CDE3
#E3D1DF
#E3D4DC
#E3D8D8
#E3DBD5
#E3DFD1
#E3E3CD
Colorpallet from #CDE3E3 to #E3CDE3 and to #E332E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#D1DFE3
#D1DBE3
#D1D7E3
#D1D3E3
#D1D0E3
#D1CCE3
#D1C7E3
#D4DCE3
#D4D4E3
#D4CCE3
#D4C4E3
#D4BCE3
#D4B4E3
#D4AAE3
#D8D8E3
#D8CCE3
#D8C0E3
#D8B4E3
#D8A9E3
#D89DE3
#D88EE3
#DBD5E3
#DBC5E3
#DBB5E3
#DBA5E3
#DB96E3
#DB86E3
#DB72E3
#DFD1E3
#DFBDE3
#DFA9E3
#DF95E3
#DF82E3
#DF6EE3
#DF55E3
#E3CDE3
#E3B4E3
#E39BE3
#E383E3
#E36AE3
#E351E3
#E332E3
Colorpallet from #CDE3E3 to #E3E3CD and to #E332E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#D1E3DF
#D1DFE0
#D1DAE0
#D1D6E1
#D1D1E2
#D1CDE2
#D1C7E3
#D4E3DC
#D4DADD
#D4D1DE
#D4C8DF
#D4BFE0
#D4B5E2
#D4AAE3
#D8E3D8
#D8D5DA
#D8C8DC
#D8BADD
#D8ADDF
#D89FE1
#D88EE3
#DBE3D5
#DBD1D7
#DBBFD9
#DBADDC
#DB9BDE
#DB89E0
#DB72E3
#DFE3D1
#DFCCD4
#DFB6D7
#DF9FDA
#DF88DD
#DF71DF
#DF55E3
#E3E3CD
#E3C7D1
#E3AAD4
#E38ED8
#E372DB
#E355DF
#E332E3
Colorpallet from #CDE3E3 to #E3E3CD and to #E3E3CD
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#D1E3DF
#D1E3DF
#D1E3DF
#D1E3DF
#D1E3DF
#D1E3DF
#D1E3DF
#D4E3DC
#D4E3DC
#D4E3DC
#D4E3DC
#D4E3DC
#D4E3DC
#D4E3DC
#D8E3D8
#D8E3D8
#D8E3D8
#D8E3D8
#D8E3D8
#D8E3D8
#D8E3D8
#DBE3D5
#DBE3D5
#DBE3D5
#DBE3D5
#DBE3D5
#DBE3D5
#DBE3D5
#DFE3D1
#DFE3D1
#DFE3D1
#DFE3D1
#DFE3D1
#DFE3D1
#DFE3D1
#E3E3CD
#E3E3CD
#E3E3CD
#E3E3CD
#E3E3CD
#E3E3CD
#E3E3CD
Colorpallet from #CDE3E3 to #E332E3 and to #E3E3CD
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#CDE3E3
#D1C7E3
#D1CBE2
#D1D0E2
#D1D4E1
#D1D9E0
#D1DDE0
#D1E3DF
#D4AAE3
#D4B3E2
#D4BCE1
#D4C5E0
#D4CEDF
#D4D8DD
#D4E3DC
#D88EE3
#D89CE1
#D8A9DF
#D8B7DE
#D8C4DC
#D8D2DA
#D8E3D8
#DB72E3
#DB84E1
#DB96DF
#DBA8DC
#DBBADA
#DBCCD8
#DBE3D5
#DF55E3
#DF6CE0
#DF82DD
#DF99DA
#DFB0D7
#DFC7D5
#DFE3D1
#E332E3
#E34EDF
#E36BDC
#E387D8
#E3A3D5
#E3C0D1
#E3E3CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
