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 #BAEDD8 to #BAD8ED and to #EDBAD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEADB
#BBE9DB
#BDE8DA
#BEE8DA
#BFE7D9
#C0E6D9
#C2E5D8
#BAE6DF
#BDE5DE
#BFE3DD
#C2E2DC
#C4E0DB
#C7DFD9
#CADDD8
#BAE3E2
#BEE1E0
#C2DFDF
#C6DCDD
#C9DADC
#CDD8DA
#D2D5D8
#BAE0E5
#BFDDE3
#C5DAE1
#CAD6DF
#CFD3DD
#D4D0DB
#DBCCD8
#BADCE9
#C1D8E6
#C7D4E4
#CED0E1
#D4CDDE
#DBC9DB
#E3C4D8
#BAD8ED
#C2D3EA
#CACEE6
#D2CAE3
#DBC5E0
#E3C0DC
#EDBAD8
Colorpallet from #BAEDD8 to #BAD8ED and to #EDD8BA
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEADB
#BBEADA
#BDEAD8
#BEEAD7
#BFEAD6
#C0EAD5
#C2EAD3
#BAE6DF
#BDE6DC
#BFE6DA
#C2E6D7
#C4E6D4
#C7E6D1
#CAE6CE
#BAE3E2
#BEE3DE
#C2E3DA
#C6E3D6
#C9E3D3
#CDE3CF
#D2E3CA
#BAE0E5
#BFE0E0
#C5E0DB
#CAE0D6
#CFE0D1
#D4E0CB
#DBE0C5
#BADCE9
#C1DCE2
#C7DCDC
#CEDCD5
#D4DCCF
#DBDCC8
#E3DCC0
#BAD8ED
#C2D8E5
#CAD8DD
#D2D8D5
#DBD8CC
#E3D8C4
#EDD8BA
Colorpallet from #BAEDD8 to #BAD8ED and to #D8BAED
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEADB
#BBE9DB
#BCE8DB
#BCE8DB
#BDE7DB
#BEE6DB
#BFE5DB
#BAE6DF
#BCE5DF
#BDE3DF
#BFE2DF
#C0E0DF
#C2DFDF
#C4DDDF
#BAE3E2
#BCE1E2
#BEDFE2
#C1DCE2
#C3DAE2
#C5D8E2
#C8D5E2
#BAE0E5
#BDDDE5
#C0DAE5
#C3D6E5
#C6D3E5
#C9D0E5
#CDCCE5
#BADCE9
#BED8E9
#C2D4E9
#C6D0E9
#C9CDE9
#CDC9E9
#D2C4E9
#BAD8ED
#BFD3ED
#C4CEED
#C8CAED
#CDC5ED
#D2C0ED
#D8BAED
Colorpallet from #BAEDD8 to #BAD8ED and to #D8EDBA
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEADB
#BBEADA
#BCEBD8
#BCEBD7
#BDECD6
#BEECD5
#BFEDD3
#BAE6DF
#BCE7DC
#BDE8DA
#BFE9D7
#C0EAD4
#C2ECD1
#C4EDCE
#BAE3E2
#BCE5DE
#BEE6DA
#C1E8D6
#C3E9D3
#C5EBCF
#C8EDCA
#BAE0E5
#BDE2E0
#C0E4DB
#C3E6D6
#C6E8D1
#C9EACB
#CDEDC5
#BADCE9
#BEDFE2
#C2E1DC
#C6E4D5
#C9E7CF
#CDEAC8
#D2EDC0
#BAD8ED
#BFDBE5
#C4DFDD
#C8E2D5
#CDE5CC
#D2E9C4
#D8EDBA
Colorpallet from #BAEDD8 to #EDBAD8 and to #EDD8BA
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#C2E5D8
#C2E6D7
#C2E7D6
#C2E7D6
#C2E8D5
#C2E9D4
#C2EAD3
#CADDD8
#CADED6
#CAE0D5
#CAE1D3
#CAE3D2
#CAE4D0
#CAE6CE
#D2D5D8
#D2D7D6
#D2D9D4
#D2DCD1
#D2DECF
#D2E0CD
#D2E3CA
#DBCCD8
#DBCFD5
#DBD2D2
#DBD6CF
#DBD9CC
#DBDCC9
#DBE0C5
#E3C4D8
#E3C8D4
#E3CCD0
#E3D0CC
#E3D3C9
#E3D7C5
#E3DCC0
#EDBAD8
#EDBFD3
#EDC4CE
#EDC8CA
#EDCDC5
#EDD2C0
#EDD8BA
Colorpallet from #BAEDD8 to #EDBAD8 and to #D8BAED
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#C2E5D8
#C2E5D8
#C1E5D9
#C1E5D9
#C0E5DA
#C0E5DA
#BFE5DB
#CADDD8
#C9DDD9
#C8DDDA
#C7DDDB
#C6DDDC
#C5DDDE
#C4DDDF
#D2D5D8
#D0D5DA
#CFD5DB
#CDD5DD
#CCD5DE
#CAD5E0
#C8D5E2
#DBCCD8
#D9CCDA
#D7CCDC
#D4CCDE
#D2CCE0
#D0CCE2
#CDCCE5
#E3C4D8
#E0C4DB
#DEC4DD
#DBC4E0
#D8C4E3
#D5C4E6
#D2C4E9
#EDBAD8
#EABADB
#E6BADF
#E3BAE2
#E0BAE5
#DCBAE9
#D8BAED
Colorpallet from #BAEDD8 to #EDBAD8 and to #D8EDBA
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#C2E5D8
#C2E6D7
#C1E8D6
#C1E9D6
#C0EAD5
#C0EBD4
#BFEDD3
#CADDD8
#C9E0D6
#C8E2D5
#C7E5D3
#C6E7D2
#C5EAD0
#C4EDCE
#D2D5D8
#D0D9D6
#CFDDD4
#CDE1D1
#CCE4CF
#CAE8CD
#C8EDCA
#DBCCD8
#D9D1D5
#D7D7D2
#D4DCCF
#D2E1CC
#D0E6C9
#CDEDC5
#E3C4D8
#E0CBD4
#DED1D0
#DBD8CC
#D8DEC9
#D5E5C5
#D2EDC0
#EDBAD8
#EAC2D3
#E6CACE
#E3D2CA
#E0DBC5
#DCE3C0
#D8EDBA
Colorpallet from #BAEDD8 to #EDD8BA and to #D8BAED
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#C2EAD3
#C2E9D4
#C1E8D6
#C1E8D7
#C0E7D8
#C0E6D9
#BFE5DB
#CAE6CE
#C9E5D1
#C8E3D3
#C7E2D6
#C6E0D9
#C5DFDC
#C4DDDF
#D2E3CA
#D0E1CE
#CFDFD2
#CDDCD6
#CCDAD9
#CAD8DD
#C8D5E2
#DBE0C5
#D9DDCA
#D7DACF
#D4D6D4
#D2D3D9
#D0D0DF
#CDCCE5
#E3DCC0
#E0D8C7
#DED4CD
#DBD0D4
#D8CDDA
#D5C9E1
#D2C4E9
#EDD8BA
#EAD3C2
#E6CECA
#E3CAD2
#E0C5DB
#DCC0E3
#D8BAED
Colorpallet from #BAEDD8 to #EDD8BA and to #D8EDBA
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#C2EAD3
#C2EAD3
#C1EBD3
#C1EBD3
#C0ECD3
#C0ECD3
#BFEDD3
#CAE6CE
#C9E7CE
#C8E8CE
#C7E9CE
#C6EACE
#C5ECCE
#C4EDCE
#D2E3CA
#D0E5CA
#CFE6CA
#CDE8CA
#CCE9CA
#CAEBCA
#C8EDCA
#DBE0C5
#D9E2C5
#D7E4C5
#D4E6C5
#D2E8C5
#D0EAC5
#CDEDC5
#E3DCC0
#E0DFC0
#DEE1C0
#DBE4C0
#D8E7C0
#D5EAC0
#D2EDC0
#EDD8BA
#EADBBA
#E6DFBA
#E3E2BA
#E0E5BA
#DCE9BA
#D8EDBA
Colorpallet from #BAEDD8 to #D8BAED and to #D8EDBA
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BAEDD8
#BFE5DB
#BFE6DA
#BFE8D8
#BFE9D7
#BFEAD6
#BFEBD5
#BFEDD3
#C4DDDF
#C4E0DC
#C4E2DA
#C4E5D7
#C4E7D4
#C4EAD1
#C4EDCE
#C8D5E2
#C8D9DE
#C8DDDA
#C8E1D6
#C8E4D3
#C8E8CF
#C8EDCA
#CDCCE5
#CDD1E0
#CDD7DB
#CDDCD6
#CDE1D1
#CDE6CB
#CDEDC5
#D2C4E9
#D2CBE2
#D2D1DC
#D2D8D5
#D2DECF
#D2E5C8
#D2EDC0
#D8BAED
#D8C2E5
#D8CADD
#D8D2D5
#D8DBCC
#D8E3C4
#D8EDBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts