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 #CDC1A2 to #CDA2C1 and to #C1CDA2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDBCA7
#CDBDA6
#CCBEA5
#CCBFA5
#CCC0A4
#CBC2A3
#CBC3A2
#CDB7AC
#CCB9AA
#CCBBA9
#CBBEA7
#CAC0A6
#CAC2A4
#C9C5A2
#CDB2B1
#CCB5AF
#CBB9AC
#CABCAA
#C9BFA7
#C8C3A5
#C7C7A2
#CDADB6
#CCB1B3
#CAB6B0
#C9BAAC
#C8BFA9
#C7C3A6
#C5C9A2
#CDA8BB
#CBAEB7
#CAB3B3
#C8B9AF
#C7BEAB
#C5C4A7
#C3CBA2
#CDA2C1
#CBA9BC
#C9B0B7
#C7B7B2
#C5BEAD
#C3C4A8
#C1CDA2
Colorpallet from #CDC1A2 to #CDA2C1 and to #C1A2CD
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDBCA7
#CDBCA7
#CCBCA8
#CCBCA8
#CCBCA8
#CBBCA9
#CBBCA9
#CDB7AC
#CCB7AD
#CCB7AD
#CBB7AE
#CAB7AF
#CAB7AF
#C9B7B0
#CDB2B1
#CCB2B2
#CBB2B3
#CAB2B4
#C9B2B5
#C8B2B6
#C7B2B7
#CDADB6
#CCADB7
#CAADB9
#C9ADBA
#C8ADBB
#C7ADBC
#C5ADBE
#CDA8BB
#CBA8BC
#CAA8BE
#C8A8BF
#C7A8C1
#C5A8C2
#C3A8C4
#CDA2C1
#CBA2C3
#C9A2C5
#C7A2C7
#C5A2C9
#C3A2CB
#C1A2CD
Colorpallet from #CDC1A2 to #CDA2C1 and to #A2CDC1
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDBCA7
#CCBDA7
#CBBEA7
#CABFA7
#C9C0A7
#C7C2A7
#C6C3A7
#CDB7AC
#CBB9AC
#C9BBAC
#C6BEAC
#C4C0AC
#C2C2AC
#BFC5AC
#CDB2B1
#CAB5B1
#C6B9B1
#C3BCB1
#C0BFB1
#BCC3B1
#B8C7B1
#CDADB6
#C9B1B6
#C4B6B6
#C0BAB6
#BBBFB6
#B7C3B6
#B1C9B6
#CDA8BB
#C8AEBB
#C2B3BB
#BDB9BB
#B7BEBB
#B2C4BB
#ABCBBB
#CDA2C1
#C6A9C1
#BFB0C1
#B8B7C1
#B1BEC1
#ABC4C1
#A2CDC1
Colorpallet from #CDC1A2 to #CDA2C1 and to #A2C1CD
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDBCA7
#CCBDA7
#CBBEA8
#CABEA8
#C9BFA8
#C7C0A9
#C6C1A9
#CDB7AC
#CBB9AD
#C9BAAD
#C6BCAE
#C4BDAF
#C2BFAF
#BFC1B0
#CDB2B1
#CAB4B2
#C6B7B3
#C3B9B4
#C0BCB5
#BCBEB6
#B8C1B7
#CDADB6
#C9B0B7
#C4B3B9
#C0B7BA
#BBBABB
#B7BDBC
#B1C1BE
#CDA8BB
#C8ACBC
#C2B0BE
#BDB4BF
#B7B8C1
#B2BCC2
#ABC1C4
#CDA2C1
#C6A7C3
#BFACC5
#B8B1C7
#B1B6C9
#ABBBCB
#A2C1CD
Colorpallet from #CDC1A2 to #C1CDA2 and to #C1A2CD
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CBC3A2
#CBC2A3
#CBC1A4
#CBC0A5
#CBBFA6
#CBBDA8
#CBBCA9
#C9C5A2
#C9C3A4
#C9C1A6
#C9BEA9
#C9BCAB
#C9BAAD
#C9B7B0
#C7C7A2
#C7C4A5
#C7C0A9
#C7BDAC
#C7BAAF
#C7B6B3
#C7B2B7
#C5C9A2
#C5C5A6
#C5C0AB
#C5BCAF
#C5B7B4
#C5B3B8
#C5ADBE
#C3CBA2
#C3C5A7
#C3C0AD
#C3BAB2
#C3B5B8
#C3AFBD
#C3A8C4
#C1CDA2
#C1C6A9
#C1BFB0
#C1B8B7
#C1B1BE
#C1ABC4
#C1A2CD
Colorpallet from #CDC1A2 to #C1CDA2 and to #A2CDC1
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CBC3A2
#CAC3A3
#C9C3A4
#C9C3A4
#C8C3A5
#C7C3A6
#C6C3A7
#C9C5A2
#C7C5A4
#C6C5A5
#C4C5A7
#C3C5A8
#C1C5AA
#BFC5AC
#C7C7A2
#C5C7A4
#C2C7A7
#C0C7A9
#BDC7AC
#BBC7AE
#B8C7B1
#C5C9A2
#C2C9A5
#BFC9A8
#BBC9AC
#B8C9AF
#B5C9B2
#B1C9B6
#C3CBA2
#BFCBA6
#BBCBAA
#B7CBAE
#B4CBB2
#B0CBB6
#ABCBBB
#C1CDA2
#BCCDA7
#B7CDAC
#B2CDB1
#ADCDB6
#A8CDBB
#A2CDC1
Colorpallet from #CDC1A2 to #C1CDA2 and to #A2C1CD
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CBC3A2
#CAC3A3
#C9C2A4
#C9C2A5
#C8C2A6
#C7C1A8
#C6C1A9
#C9C5A2
#C7C4A4
#C6C4A6
#C4C3A9
#C3C2AB
#C1C2AD
#BFC1B0
#C7C7A2
#C5C6A5
#C2C5A9
#C0C4AC
#BDC3AF
#BBC2B3
#B8C1B7
#C5C9A2
#C2C8A6
#BFC6AB
#BBC5AF
#B8C4B4
#B5C3B8
#B1C1BE
#C3CBA2
#BFC9A7
#BBC8AD
#B7C6B2
#B4C5B8
#B0C3BD
#ABC1C4
#C1CDA2
#BCCBA9
#B7C9B0
#B2C7B7
#ADC5BE
#A8C3C4
#A2C1CD
Colorpallet from #CDC1A2 to #C1A2CD and to #A2CDC1
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CBBCA9
#CABDA9
#C9BEA8
#C9BFA8
#C8C0A8
#C7C2A7
#C6C3A7
#C9B7B0
#C7B9AF
#C6BBAF
#C4BEAE
#C3C0AD
#C1C2AD
#BFC5AC
#C7B2B7
#C5B5B6
#C2B9B5
#C0BCB4
#BDBFB3
#BBC3B2
#B8C7B1
#C5ADBE
#C2B1BD
#BFB6BB
#BBBABA
#B8BFB9
#B5C3B8
#B1C9B6
#C3A8C4
#BFAEC3
#BBB3C1
#B7B9C0
#B4BEBE
#B0C4BD
#ABCBBB
#C1A2CD
#BCA9CB
#B7B0C9
#B2B7C7
#ADBEC5
#A8C4C3
#A2CDC1
Colorpallet from #CDC1A2 to #C1A2CD and to #A2C1CD
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CBBCA9
#CABDA9
#C9BEA9
#C9BEA9
#C8BFA9
#C7C0A9
#C6C1A9
#C9B7B0
#C7B9B0
#C6BAB0
#C4BCB0
#C3BDB0
#C1BFB0
#BFC1B0
#C7B2B7
#C5B4B7
#C2B7B7
#C0B9B7
#BDBCB7
#BBBEB7
#B8C1B7
#C5ADBE
#C2B0BE
#BFB3BE
#BBB7BE
#B8BABE
#B5BDBE
#B1C1BE
#C3A8C4
#BFACC4
#BBB0C4
#B7B4C4
#B4B8C4
#B0BCC4
#ABC1C4
#C1A2CD
#BCA7CD
#B7ACCD
#B2B1CD
#ADB6CD
#A8BBCD
#A2C1CD
Colorpallet from #CDC1A2 to #A2CDC1 and to #A2C1CD
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#CDC1A2
#C6C3A7
#C6C3A7
#C6C2A8
#C6C2A8
#C6C2A8
#C6C1A9
#C6C1A9
#BFC5AC
#BFC4AD
#BFC4AD
#BFC3AE
#BFC2AF
#BFC2AF
#BFC1B0
#B8C7B1
#B8C6B2
#B8C5B3
#B8C4B4
#B8C3B5
#B8C2B6
#B8C1B7
#B1C9B6
#B1C8B7
#B1C6B9
#B1C5BA
#B1C4BB
#B1C3BC
#B1C1BE
#ABCBBB
#ABC9BC
#ABC8BE
#ABC6BF
#ABC5C1
#ABC3C2
#ABC1C4
#A2CDC1
#A2CBC3
#A2C9C5
#A2C7C7
#A2C5C9
#A2C3CB
#A2C1CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts