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 #DCB88D to #DC8DB8 and to #B8DC8D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB194
#DBB393
#DAB592
#D9B791
#D8B990
#D7BB8E
#D6BE8D
#DCAA9B
#DAAE99
#D8B297
#D6B694
#D4BB92
#D2BF90
#D0C48D
#DCA3A2
#D9A99F
#D7AF9B
#D4B598
#D1BB95
#CEC191
#CBC98D
#DC9CA9
#D8A4A5
#D5ACA0
#D1B49C
#CDBD97
#CAC593
#C5CF8D
#DC96AF
#D7A0AA
#D3AAA4
#CEB49F
#C9BE99
#C5C894
#BFD58D
#DC8DB8
#D69AB1
#D0A6AA
#CBB3A3
#C5C09C
#BFCC96
#B8DC8D
Colorpallet from #DCB88D to #DC8DB8 and to #B88DDC
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB194
#DBB195
#DAB196
#D9B197
#D8B198
#D7B199
#D6B19A
#DCAA9B
#DAAA9D
#D8AA9F
#D6AAA0
#D4AAA2
#D2AAA4
#D0AAA6
#DCA3A2
#D9A3A5
#D7A3A7
#D4A3AA
#D1A3AD
#CEA3B0
#CBA3B3
#DC9CA9
#D89CAD
#D59CB0
#D19CB4
#CD9CB8
#CA9CBB
#C59CC0
#DC96AF
#D796B4
#D396B8
#CE96BD
#C996C2
#C596C6
#BF96CC
#DC8DB8
#D68DBE
#D08DC4
#CB8DC9
#C58DCF
#BF8DD5
#B88DDC
Colorpallet from #DCB88D to #DC8DB8 and to #8DDCB8
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB194
#DAB394
#D8B594
#D6B794
#D4B994
#D2BB94
#CFBE94
#DCAA9B
#D8AE9B
#D4B29B
#D0B69B
#CCBB9B
#C8BF9B
#C3C49B
#DCA3A2
#D6A9A2
#D0AFA2
#CAB5A2
#C4BBA2
#BEC1A2
#B6C9A2
#DC9CA9
#D4A4A9
#CCACA9
#C4B4A9
#BBBDA9
#B3C5A9
#A9CFA9
#DC96AF
#D2A0AF
#C8AAAF
#BEB4AF
#B4BEAF
#AAC8AF
#9DD5AF
#DC8DB8
#CF9AB8
#C3A6B8
#B6B3B8
#A9C0B8
#9DCCB8
#8DDCB8
Colorpallet from #DCB88D to #DC8DB8 and to #8DB8DC
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB194
#DAB295
#D8B396
#D6B497
#D4B598
#D2B799
#CFB89A
#DCAA9B
#D8AC9D
#D4AE9F
#D0B1A0
#CCB3A2
#C8B5A4
#C3B8A6
#DCA3A2
#D6A6A5
#D0AAA7
#CAADAA
#C4B0AD
#BEB4B0
#B6B8B3
#DC9CA9
#D4A0AD
#CCA5B0
#C4A9B4
#BBAEB8
#B3B2BB
#A9B8C0
#DC96AF
#D29BB4
#C8A1B8
#BEA6BD
#B4ACC2
#AAB1C6
#9DB8CC
#DC8DB8
#CF94BE
#C39BC4
#B6A2C9
#A9A9CF
#9DAFD5
#8DB8DC
Colorpallet from #DCB88D to #B8DC8D and to #B88DDC
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#D6BE8D
#D6BC8F
#D6BA91
#D6B893
#D6B695
#D6B497
#D6B19A
#D0C48D
#D0C091
#D0BC95
#D0B899
#D0B39D
#D0AFA1
#D0AAA6
#CBC98D
#CBC393
#CBBD99
#CBB79F
#CBB1A5
#CBABAB
#CBA3B3
#C5CF8D
#C5C795
#C5BF9D
#C5B7A5
#C5AEAE
#C5A6B6
#C59CC0
#BFD58D
#BFCB97
#BFC1A1
#BFB7AB
#BFADB5
#BFA3BF
#BF96CC
#B8DC8D
#B8CF9A
#B8C3A6
#B8B6B3
#B8A9C0
#B89DCC
#B88DDC
Colorpallet from #DCB88D to #B8DC8D and to #8DDCB8
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#D6BE8D
#D5BE8E
#D4BE8F
#D3BE90
#D2BE91
#D0BE93
#CFBE94
#D0C48D
#CEC48F
#CCC491
#CAC494
#C8C496
#C6C498
#C3C49B
#CBC98D
#C8C990
#C4C994
#C1C997
#BEC99A
#BAC99E
#B6C9A2
#C5CF8D
#C1CF91
#BCCF96
#B8CF9A
#B3CF9F
#AFCFA3
#A9CFA9
#BFD58D
#BAD592
#B4D598
#AFD59D
#A9D5A3
#A4D5A8
#9DD5AF
#B8DC8D
#B1DC94
#AADC9B
#A3DCA2
#9CDCA9
#96DCAF
#8DDCB8
Colorpallet from #DCB88D to #B8DC8D and to #8DB8DC
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#D6BE8D
#D5BD8F
#D4BC91
#D3BB93
#D2BA95
#D0B997
#CFB89A
#D0C48D
#CEC291
#CCC095
#CABE99
#C8BC9D
#C6BAA1
#C3B8A6
#CBC98D
#C8C693
#C4C499
#C1C19F
#BEBEA5
#BABBAB
#B6B8B3
#C5CF8D
#C1CB95
#BCC89D
#B8C4A5
#B3C0AE
#AFBDB6
#A9B8C0
#BFD58D
#BAD097
#B4CCA1
#AFC7AB
#A9C2B5
#A4BEBF
#9DB8CC
#B8DC8D
#B1D69A
#AAD0A6
#A3CBB3
#9CC5C0
#96BFCC
#8DB8DC
Colorpallet from #DCB88D to #B88DDC and to #8DDCB8
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#D6B19A
#D5B399
#D4B598
#D3B797
#D2B996
#D0BB95
#CFBE94
#D0AAA6
#CEAEA4
#CCB2A2
#CAB6A1
#C8BB9F
#C6BF9D
#C3C49B
#CBA3B3
#C8A9B0
#C4AFAE
#C1B5AB
#BEBBA8
#BAC1A5
#B6C9A2
#C59CC0
#C1A4BC
#BCACB9
#B8B4B5
#B3BDB1
#AFC5AE
#A9CFA9
#BF96CC
#BAA0C7
#B4AAC3
#AFB4BE
#A9BEB9
#A4C8B5
#9DD5AF
#B88DDC
#B19AD6
#AAA6D0
#A3B3CB
#9CC0C5
#96CCBF
#8DDCB8
Colorpallet from #DCB88D to #B88DDC and to #8DB8DC
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#D6B19A
#D5B29A
#D4B39A
#D3B49A
#D2B59A
#D0B79A
#CFB89A
#D0AAA6
#CEACA6
#CCAEA6
#CAB1A6
#C8B3A6
#C6B5A6
#C3B8A6
#CBA3B3
#C8A6B3
#C4AAB3
#C1ADB3
#BEB0B3
#BAB4B3
#B6B8B3
#C59CC0
#C1A0C0
#BCA5C0
#B8A9C0
#B3AEC0
#AFB2C0
#A9B8C0
#BF96CC
#BA9BCC
#B4A1CC
#AFA6CC
#A9ACCC
#A4B1CC
#9DB8CC
#B88DDC
#B194DC
#AA9BDC
#A3A2DC
#9CA9DC
#96AFDC
#8DB8DC
Colorpallet from #DCB88D to #8DDCB8 and to #8DB8DC
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#DCB88D
#CFBE94
#CFBD95
#CFBC96
#CFBB97
#CFBA98
#CFB999
#CFB89A
#C3C49B
#C3C29D
#C3C09F
#C3BEA0
#C3BCA2
#C3BAA4
#C3B8A6
#B6C9A2
#B6C6A5
#B6C4A7
#B6C1AA
#B6BEAD
#B6BBB0
#B6B8B3
#A9CFA9
#A9CBAD
#A9C8B0
#A9C4B4
#A9C0B8
#A9BDBB
#A9B8C0
#9DD5AF
#9DD0B4
#9DCCB8
#9DC7BD
#9DC2C2
#9DBEC6
#9DB8CC
#8DDCB8
#8DD6BE
#8DD0C4
#8DCBC9
#8DC5CF
#8DBFD5
#8DB8DC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
