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 #C2AEDE to #C2DEAE and to #AEC2DE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2B6D6
#C2B5D7
#C1B4D9
#C1B4DA
#C0B3DB
#C0B2DC
#BFB1DE
#C2BDCF
#C1BCD1
#C0BAD4
#BFB9D6
#BEB7D9
#BDB6DB
#BCB4DE
#C2C5C7
#C0C3CB
#BFC1CE
#BDBFD2
#BCBDD6
#BABBD9
#B8B8DE
#C2CDBF
#C0CAC4
#BEC7C9
#BCC4CE
#BAC1D3
#B8BFD8
#B5BBDE
#C2D4B8
#BFD0BE
#BDCDC4
#BAC9CA
#B8C6D0
#B5C2D6
#B2BEDE
#C2DEAE
#BFDAB6
#BCD5BD
#B8D1C5
#B5CCCD
#B2C8D4
#AEC2DE
Colorpallet from #C2AEDE to #C2DEAE and to #AEDEC2
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2B6D6
#C2B6D7
#C1B6D7
#C1B6D8
#C0B6D9
#C0B6D9
#BFB6DA
#C2BDCF
#C1BDD0
#C0BDD1
#BFBDD2
#BEBDD3
#BDBDD4
#BCBDD5
#C2C5C7
#C0C5C9
#BFC5CA
#BDC5CC
#BCC5CD
#BAC5CF
#B8C5D1
#C2CDBF
#C0CDC1
#BECDC3
#BCCDC5
#BACDC7
#B8CDC9
#B5CDCC
#C2D4B8
#BFD4BB
#BDD4BD
#BAD4C0
#B8D4C2
#B5D4C5
#B2D4C8
#C2DEAE
#BFDEB1
#BCDEB4
#B8DEB8
#B5DEBB
#B2DEBE
#AEDEC2
Colorpallet from #C2AEDE to #C2DEAE and to #DEC2AE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2B6D6
#C3B5D6
#C3B4D6
#C4B4D6
#C5B3D6
#C5B2D6
#C6B1D6
#C2BDCF
#C3BCCF
#C5BACF
#C6B9CF
#C8B7CF
#C9B6CF
#CBB4CF
#C2C5C7
#C4C3C7
#C6C1C7
#C8BFC7
#CABDC7
#CCBBC7
#CFB8C7
#C2CDBF
#C5CABF
#C8C7BF
#CBC4BF
#CEC1BF
#D0BFBF
#D4BBBF
#C2D4B8
#C6D0B8
#C9CDB8
#CDC9B8
#D0C6B8
#D4C2B8
#D8BEB8
#C2DEAE
#C6DAAE
#CBD5AE
#CFD1AE
#D4CCAE
#D8C8AE
#DEC2AE
Colorpallet from #C2AEDE to #C2DEAE and to #DEAEC2
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2B6D6
#C3B5D7
#C3B3D7
#C4B2D8
#C5B1D9
#C5B0D9
#C6AEDA
#C2BDCF
#C3BBD0
#C5B8D1
#C6B6D2
#C8B3D3
#C9B1D4
#CBAED5
#C2C5C7
#C4C1C9
#C6BECA
#C8BACC
#CAB6CD
#CCB3CF
#CFAED1
#C2CDBF
#C5C8C1
#C8C3C3
#CBBEC5
#CEB9C7
#D0B4C9
#D4AECC
#C2D4B8
#C6CEBB
#C9C8BD
#CDC2C0
#D0BCC2
#D4B6C5
#D8AEC8
#C2DEAE
#C6D6B1
#CBCFB4
#CFC7B8
#D4BFBB
#D8B8BE
#DEAEC2
Colorpallet from #C2AEDE to #AEC2DE and to #AEDEC2
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#BFB1DE
#BFB2DD
#BFB3DD
#BFB3DC
#BFB4DB
#BFB5DB
#BFB6DA
#BCB4DE
#BCB5DD
#BCB7DB
#BCB8DA
#BCBAD8
#BCBBD7
#BCBDD5
#B8B8DE
#B8BADC
#B8BCDA
#B8BED8
#B8C0D6
#B8C2D4
#B8C5D1
#B5BBDE
#B5BEDB
#B5C1D8
#B5C4D5
#B5C7D2
#B5C9D0
#B5CDCC
#B2BEDE
#B2C2DA
#B2C5D7
#B2C9D3
#B2CCD0
#B2D0CC
#B2D4C8
#AEC2DE
#AEC6DA
#AECBD5
#AECFD1
#AED4CC
#AED8C8
#AEDEC2
Colorpallet from #C2AEDE to #AEC2DE and to #DEC2AE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#BFB1DE
#C0B1DD
#C1B1DB
#C2B1DA
#C3B1D9
#C5B1D8
#C6B1D6
#BCB4DE
#BEB4DC
#C1B4D9
#C3B4D7
#C6B4D4
#C8B4D2
#CBB4CF
#B8B8DE
#BCB8DA
#BFB8D7
#C3B8D3
#C7B8CF
#CAB8CC
#CFB8C7
#B5BBDE
#BABBD9
#BFBBD4
#C4BBCF
#C9BBCA
#CEBBC5
#D4BBBF
#B2BEDE
#B8BED8
#BEBED2
#C4BECC
#CABEC6
#D0BEC0
#D8BEB8
#AEC2DE
#B6C2D6
#BDC2CF
#C5C2C7
#CDC2BF
#D4C2B8
#DEC2AE
Colorpallet from #C2AEDE to #AEC2DE and to #DEAEC2
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#BFB1DE
#C0B1DD
#C1B0DD
#C2B0DC
#C3AFDB
#C5AFDB
#C6AEDA
#BCB4DE
#BEB3DD
#C1B2DB
#C3B1DA
#C6B0D8
#C8AFD7
#CBAED5
#B8B8DE
#BCB6DC
#BFB5DA
#C3B3D8
#C7B2D6
#CAB0D4
#CFAED1
#B5BBDE
#BAB9DB
#BFB7D8
#C4B5D5
#C9B3D2
#CEB1D0
#D4AECC
#B2BEDE
#B8BBDA
#BEB9D7
#C4B6D3
#CAB4D0
#D0B1CC
#D8AEC8
#AEC2DE
#B6BFDA
#BDBCD5
#C5B8D1
#CDB5CC
#D4B2C8
#DEAEC2
Colorpallet from #C2AEDE to #AEDEC2 and to #DEC2AE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#BFB6DA
#C0B5D9
#C1B4D9
#C2B4D8
#C3B3D7
#C5B2D7
#C6B1D6
#BCBDD5
#BEBCD4
#C1BAD3
#C3B9D2
#C6B7D1
#C8B6D0
#CBB4CF
#B8C5D1
#BCC3CF
#BFC1CE
#C3BFCC
#C7BDCB
#CABBC9
#CFB8C7
#B5CDCC
#BACACA
#BFC7C8
#C4C4C6
#C9C1C4
#CEBFC2
#D4BBBF
#B2D4C8
#B8D0C5
#BECDC3
#C4C9C0
#CAC6BE
#D0C2BB
#D8BEB8
#AEDEC2
#B6DABF
#BDD5BC
#C5D1B8
#CDCCB5
#D4C8B2
#DEC2AE
Colorpallet from #C2AEDE to #AEDEC2 and to #DEAEC2
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#BFB6DA
#C0B5DA
#C1B3DA
#C2B2DA
#C3B1DA
#C5B0DA
#C6AEDA
#BCBDD5
#BEBBD5
#C1B8D5
#C3B6D5
#C6B3D5
#C8B1D5
#CBAED5
#B8C5D1
#BCC1D1
#BFBED1
#C3BAD1
#C7B6D1
#CAB3D1
#CFAED1
#B5CDCC
#BAC8CC
#BFC3CC
#C4BECC
#C9B9CC
#CEB4CC
#D4AECC
#B2D4C8
#B8CEC8
#BEC8C8
#C4C2C8
#CABCC8
#D0B6C8
#D8AEC8
#AEDEC2
#B6D6C2
#BDCFC2
#C5C7C2
#CDBFC2
#D4B8C2
#DEAEC2
Colorpallet from #C2AEDE to #DEC2AE and to #DEAEC2
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C2AEDE
#C6B1D6
#C6B1D7
#C6B0D7
#C6B0D8
#C6AFD9
#C6AFD9
#C6AEDA
#CBB4CF
#CBB3D0
#CBB2D1
#CBB1D2
#CBB0D3
#CBAFD4
#CBAED5
#CFB8C7
#CFB6C9
#CFB5CA
#CFB3CC
#CFB2CD
#CFB0CF
#CFAED1
#D4BBBF
#D4B9C1
#D4B7C3
#D4B5C5
#D4B3C7
#D4B1C9
#D4AECC
#D8BEB8
#D8BBBB
#D8B9BD
#D8B6C0
#D8B4C2
#D8B1C5
#D8AEC8
#DEC2AE
#DEBFB1
#DEBCB4
#DEB8B8
#DEB5BB
#DEB2BE
#DEAEC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts