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 #D8ADC2 to #D8C2AD and to #ADD8C2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8B0BF
#D7B1BF
#D6B1C0
#D5B2C0
#D4B3C1
#D2B3C1
#D1B4C2
#D8B4BB
#D6B5BC
#D4B6BD
#D1B7BE
#CFB8BF
#CDBAC1
#CABBC2
#D8B7B8
#D5B9BA
#D1BBBB
#CEBCBD
#CBBEBE
#C7C0C0
#C3C2C2
#D8BAB5
#D4BCB7
#CFBFB9
#CBC1BB
#C6C4BD
#C2C6BF
#BCC9C2
#D8BEB1
#D3C1B4
#CDC3B6
#C8C6B9
#C2C9BC
#BDCCBF
#B6CFC2
#D8C2AD
#D1C6B0
#CAC9B4
#C3CDB7
#BCD0BA
#B6D4BE
#ADD8C2
Colorpallet from #D8ADC2 to #D8C2AD and to #ADC2D8
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8B0BF
#D7B0C0
#D6B0C1
#D5B0C2
#D4B0C3
#D2B0C5
#D1B0C6
#D8B4BB
#D6B4BD
#D4B4BF
#D1B4C2
#CFB4C4
#CDB4C6
#CAB4C9
#D8B7B8
#D5B7BB
#D1B7BF
#CEB7C2
#CBB7C5
#C7B7C9
#C3B7CD
#D8BAB5
#D4BAB9
#CFBABE
#CBBAC2
#C6BAC6
#C2BACB
#BCBAD0
#D8BEB1
#D3BEB7
#CDBEBC
#C8BEC2
#C2BEC7
#BDBECD
#B6BED4
#D8C2AD
#D1C2B4
#CAC2BB
#C3C2C2
#BCC2C9
#B6C2CF
#ADC2D8
Colorpallet from #D8ADC2 to #D8C2AD and to #C2D8AD
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8B0BF
#D7B1BF
#D7B1BF
#D6B2BF
#D5B3BF
#D5B3BF
#D4B4BF
#D8B4BB
#D7B5BB
#D6B6BB
#D5B7BB
#D4B8BB
#D2BABB
#D1BBBB
#D8B7B8
#D6B9B8
#D4BBB8
#D3BCB8
#D1BEB8
#CFC0B8
#CDC2B8
#D8BAB5
#D6BCB5
#D4BFB5
#D1C1B5
#CFC4B5
#CDC6B5
#CAC9B5
#D8BEB1
#D5C1B1
#D2C3B1
#CFC6B1
#CCC9B1
#CACCB1
#C6CFB1
#D8C2AD
#D4C6AD
#D1C9AD
#CDCDAD
#CAD0AD
#C6D4AD
#C2D8AD
Colorpallet from #D8ADC2 to #D8C2AD and to #C2ADD8
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8B0BF
#D7B0C0
#D7AFC1
#D6AFC2
#D5AEC3
#D5AEC5
#D4ADC6
#D8B4BB
#D7B3BD
#D6B2BF
#D5B1C2
#D4B0C4
#D2AEC6
#D1ADC9
#D8B7B8
#D6B5BB
#D4B4BF
#D3B2C2
#D1B1C5
#CFAFC9
#CDADCD
#D8BAB5
#D6B8B9
#D4B6BE
#D1B4C2
#CFB2C6
#CDB0CB
#CAADD0
#D8BEB1
#D5BBB7
#D2B9BC
#CFB6C2
#CCB3C7
#CAB0CD
#C6ADD4
#D8C2AD
#D4BFB4
#D1BBBB
#CDB8C2
#CAB5C9
#C6B1CF
#C2ADD8
Colorpallet from #D8ADC2 to #ADD8C2 and to #ADC2D8
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D1B4C2
#D1B3C3
#D1B3C3
#D1B2C4
#D1B1C5
#D1B1C5
#D1B0C6
#CABBC2
#CABAC3
#CAB9C4
#CAB8C5
#CAB7C6
#CAB5C8
#CAB4C9
#C3C2C2
#C3C0C4
#C3BEC6
#C3BDC7
#C3BBC9
#C3B9CB
#C3B7CD
#BCC9C2
#BCC7C4
#BCC4C6
#BCC2C9
#BCBFCB
#BCBDCD
#BCBAD0
#B6CFC2
#B6CCC5
#B6CAC8
#B6C7CB
#B6C4CE
#B6C1D0
#B6BED4
#ADD8C2
#ADD4C6
#ADD1C9
#ADCDCD
#ADCAD0
#ADC6D4
#ADC2D8
Colorpallet from #D8ADC2 to #ADD8C2 and to #C2D8AD
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D1B4C2
#D1B4C2
#D2B4C1
#D2B4C1
#D3B4C0
#D3B4C0
#D4B4BF
#CABBC2
#CBBBC1
#CCBBC0
#CDBBBF
#CEBBBE
#D0BBBC
#D1BBBB
#C3C2C2
#C5C2C0
#C6C2BF
#C8C2BD
#C9C2BC
#CBC2BA
#CDC2B8
#BCC9C2
#BEC9C0
#C0C9BE
#C3C9BC
#C5C9BA
#C7C9B8
#CAC9B5
#B6CFC2
#B9CFBF
#BBCFBD
#BECFBA
#C0CFB7
#C3CFB4
#C6CFB1
#ADD8C2
#B0D8BF
#B4D8BB
#B7D8B8
#BAD8B5
#BED8B1
#C2D8AD
Colorpallet from #D8ADC2 to #ADD8C2 and to #C2ADD8
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D1B4C2
#D1B3C3
#D2B2C3
#D2B1C4
#D3B0C5
#D3AEC5
#D4ADC6
#CABBC2
#CBB9C3
#CCB7C4
#CDB4C5
#CEB2C6
#D0B0C8
#D1ADC9
#C3C2C2
#C5BFC4
#C6BBC6
#C8B8C7
#C9B5C9
#CBB1CB
#CDADCD
#BCC9C2
#BEC5C4
#C0C0C6
#C3BCC9
#C5B7CB
#C7B3CD
#CAADD0
#B6CFC2
#B9CAC5
#BBC4C8
#BEBFCB
#C0B9CE
#C3B4D0
#C6ADD4
#ADD8C2
#B0D1C6
#B4CAC9
#B7C3CD
#BABCD0
#BEB6D4
#C2ADD8
Colorpallet from #D8ADC2 to #ADC2D8 and to #C2D8AD
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D1B0C6
#D1B1C5
#D2B1C4
#D2B2C3
#D3B3C2
#D3B3C0
#D4B4BF
#CAB4C9
#CBB5C7
#CCB6C5
#CDB7C2
#CEB8C0
#D0BABE
#D1BBBB
#C3B7CD
#C5B9CA
#C6BBC6
#C8BCC3
#C9BEC0
#CBC0BC
#CDC2B8
#BCBAD0
#BEBCCC
#C0BFC7
#C3C1C3
#C5C4BF
#C7C6BA
#CAC9B5
#B6BED4
#B9C1CE
#BBC3C9
#BEC6C3
#C0C9BE
#C3CCB8
#C6CFB1
#ADC2D8
#B0C6D1
#B4C9CA
#B7CDC3
#BAD0BC
#BED4B6
#C2D8AD
Colorpallet from #D8ADC2 to #ADC2D8 and to #C2ADD8
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D1B0C6
#D1B0C6
#D2AFC6
#D2AFC6
#D3AEC6
#D3AEC6
#D4ADC6
#CAB4C9
#CBB3C9
#CCB2C9
#CDB1C9
#CEB0C9
#D0AEC9
#D1ADC9
#C3B7CD
#C5B5CD
#C6B4CD
#C8B2CD
#C9B1CD
#CBAFCD
#CDADCD
#BCBAD0
#BEB8D0
#C0B6D0
#C3B4D0
#C5B2D0
#C7B0D0
#CAADD0
#B6BED4
#B9BBD4
#BBB9D4
#BEB6D4
#C0B3D4
#C3B0D4
#C6ADD4
#ADC2D8
#B0BFD8
#B4BBD8
#B7B8D8
#BAB5D8
#BEB1D8
#C2ADD8
Colorpallet from #D8ADC2 to #C2D8AD and to #C2ADD8
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D8ADC2
#D4B4BF
#D4B3C0
#D4B2C1
#D4B1C2
#D4B0C3
#D4AEC5
#D4ADC6
#D1BBBB
#D1B9BD
#D1B7BF
#D1B4C2
#D1B2C4
#D1B0C6
#D1ADC9
#CDC2B8
#CDBFBB
#CDBBBF
#CDB8C2
#CDB5C5
#CDB1C9
#CDADCD
#CAC9B5
#CAC5B9
#CAC0BE
#CABCC2
#CAB7C6
#CAB3CB
#CAADD0
#C6CFB1
#C6CAB7
#C6C4BC
#C6BFC2
#C6B9C7
#C6B4CD
#C6ADD4
#C2D8AD
#C2D1B4
#C2CABB
#C2C3C2
#C2BCC9
#C2B6CF
#C2ADD8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts