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 #CBADC2 to #CBC2AD and to #ADCBC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBB0BF
#CAB0BF
#C9B1C0
#C9B1C0
#C8B1C1
#C7B2C1
#C6B2C2
#CBB4BB
#C9B4BC
#C8B5BD
#C6B5BE
#C5B6BF
#C3B6C1
#C1B7C2
#CBB7B8
#C9B8BA
#C7B8BB
#C4B9BD
#C2BABE
#C0BAC0
#BDBBC2
#CBBAB5
#C8BBB7
#C5BCB9
#C2BDBB
#BFBEBD
#BCBFBF
#B8C0C2
#CBBEB1
#C7BFB4
#C3C0B6
#BFC1B9
#BCC2BC
#B8C4BF
#B3C5C2
#CBC2AD
#C6C3B0
#C1C5B4
#BDC6B7
#B8C8BA
#B3C9BE
#ADCBC2
Colorpallet from #CBADC2 to #CBC2AD and to #ADC2CB
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBB0BF
#CAB0C0
#C9B0C0
#C9B0C1
#C8B0C2
#C7B0C2
#C6B0C3
#CBB4BB
#C9B4BD
#C8B4BE
#C6B4C0
#C5B4C1
#C3B4C3
#C1B4C5
#CBB7B8
#C9B7BA
#C7B7BC
#C4B7BF
#C2B7C1
#C0B7C3
#BDB7C6
#CBBAB5
#C8BAB8
#C5BABB
#C2BABE
#BFBAC1
#BCBAC4
#B8BAC8
#CBBEB1
#C7BEB5
#C3BEB9
#BFBEBD
#BCBEC0
#B8BEC4
#B3BEC9
#CBC2AD
#C6C2B2
#C1C2B7
#BDC2BB
#B8C2C0
#B3C2C5
#ADC2CB
Colorpallet from #CBADC2 to #CBC2AD and to #C2CBAD
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBB0BF
#CBB0BF
#CBB1BF
#CBB1BF
#CAB1BF
#CAB2BF
#CAB2BF
#CBB4BB
#CBB4BB
#CAB5BB
#CAB5BB
#C9B6BB
#C9B6BB
#C8B7BB
#CBB7B8
#CAB8B8
#CAB8B8
#C9B9B8
#C8BAB8
#C8BAB8
#C7BBB8
#CBBAB5
#CABBB5
#C9BCB5
#C8BDB5
#C7BEB5
#C6BFB5
#C5C0B5
#CBBEB1
#CABFB1
#C9C0B1
#C8C1B1
#C7C2B1
#C5C4B1
#C4C5B1
#CBC2AD
#CAC3AD
#C8C5AD
#C7C6AD
#C5C8AD
#C4C9AD
#C2CBAD
Colorpallet from #CBADC2 to #CBC2AD and to #C2ADCB
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBB0BF
#CBB0C0
#CBAFC0
#CBAFC1
#CAAEC2
#CAAEC2
#CAADC3
#CBB4BB
#CBB3BD
#CAB2BE
#CAB1C0
#C9B0C1
#C9AEC3
#C8ADC5
#CBB7B8
#CAB5BA
#CAB4BC
#C9B2BF
#C8B1C1
#C8AFC3
#C7ADC6
#CBBAB5
#CAB8B8
#C9B6BB
#C8B4BE
#C7B2C1
#C6B0C4
#C5ADC8
#CBBEB1
#CABBB5
#C9B9B9
#C8B6BD
#C7B3C0
#C5B0C4
#C4ADC9
#CBC2AD
#CABFB2
#C8BBB7
#C7B8BB
#C5B5C0
#C4B1C5
#C2ADCB
Colorpallet from #CBADC2 to #ADCBC2 and to #ADC2CB
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#C6B2C2
#C6B2C2
#C6B1C2
#C6B1C2
#C6B1C3
#C6B0C3
#C6B0C3
#C1B7C2
#C1B7C2
#C1B6C3
#C1B6C3
#C1B5C4
#C1B5C4
#C1B4C5
#BDBBC2
#BDBAC3
#BDBAC3
#BDB9C4
#BDB8C5
#BDB8C5
#BDB7C6
#B8C0C2
#B8BFC3
#B8BEC4
#B8BDC5
#B8BCC6
#B8BBC7
#B8BAC8
#B3C5C2
#B3C4C3
#B3C3C4
#B3C2C5
#B3C1C6
#B3BFC8
#B3BEC9
#ADCBC2
#ADCAC3
#ADC8C5
#ADC7C6
#ADC5C8
#ADC4C9
#ADC2CB
Colorpallet from #CBADC2 to #ADCBC2 and to #C2CBAD
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#C6B2C2
#C7B2C2
#C7B2C1
#C8B2C1
#C9B2C0
#C9B2C0
#CAB2BF
#C1B7C2
#C2B7C1
#C3B7C0
#C4B7BF
#C5B7BE
#C7B7BC
#C8B7BB
#BDBBC2
#BFBBC0
#C0BBBF
#C2BBBD
#C3BBBC
#C5BBBA
#C7BBB8
#B8C0C2
#BAC0C0
#BCC0BE
#BEC0BC
#C0C0BA
#C2C0B8
#C5C0B5
#B3C5C2
#B6C5BF
#B8C5BD
#BBC5BA
#BEC5B7
#C1C5B4
#C4C5B1
#ADCBC2
#B0CBBF
#B4CBBB
#B7CBB8
#BACBB5
#BECBB1
#C2CBAD
Colorpallet from #CBADC2 to #ADCBC2 and to #C2ADCB
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#C6B2C2
#C7B1C2
#C7B0C2
#C8B0C2
#C9AFC3
#C9AEC3
#CAADC3
#C1B7C2
#C2B5C2
#C3B4C3
#C4B2C3
#C5B1C4
#C7AFC4
#C8ADC5
#BDBBC2
#BFB9C3
#C0B7C3
#C2B4C4
#C3B2C5
#C5B0C5
#C7ADC6
#B8C0C2
#BABDC3
#BCBAC4
#BEB7C5
#C0B4C6
#C2B1C7
#C5ADC8
#B3C5C2
#B6C1C3
#B8BDC4
#BBB9C5
#BEB6C6
#C1B2C8
#C4ADC9
#ADCBC2
#B0C6C3
#B4C1C5
#B7BDC6
#BAB8C8
#BEB3C9
#C2ADCB
Colorpallet from #CBADC2 to #ADC2CB and to #C2CBAD
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#C6B0C3
#C7B0C2
#C7B1C2
#C8B1C1
#C9B1C0
#C9B2C0
#CAB2BF
#C1B4C5
#C2B4C3
#C3B5C2
#C4B5C0
#C5B6BF
#C7B6BD
#C8B7BB
#BDB7C6
#BFB8C4
#C0B8C2
#C2B9BF
#C3BABD
#C5BABB
#C7BBB8
#B8BAC8
#BABBC5
#BCBCC2
#BEBDBF
#C0BEBC
#C2BFB9
#C5C0B5
#B3BEC9
#B6BFC5
#B8C0C1
#BBC1BD
#BEC2BA
#C1C4B6
#C4C5B1
#ADC2CB
#B0C3C6
#B4C5C1
#B7C6BD
#BAC8B8
#BEC9B3
#C2CBAD
Colorpallet from #CBADC2 to #ADC2CB and to #C2ADCB
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#C6B0C3
#C7B0C3
#C7AFC3
#C8AFC3
#C9AEC3
#C9AEC3
#CAADC3
#C1B4C5
#C2B3C5
#C3B2C5
#C4B1C5
#C5B0C5
#C7AEC5
#C8ADC5
#BDB7C6
#BFB5C6
#C0B4C6
#C2B2C6
#C3B1C6
#C5AFC6
#C7ADC6
#B8BAC8
#BAB8C8
#BCB6C8
#BEB4C8
#C0B2C8
#C2B0C8
#C5ADC8
#B3BEC9
#B6BBC9
#B8B9C9
#BBB6C9
#BEB3C9
#C1B0C9
#C4ADC9
#ADC2CB
#B0BFCB
#B4BBCB
#B7B8CB
#BAB5CB
#BEB1CB
#C2ADCB
Colorpallet from #CBADC2 to #C2CBAD and to #C2ADCB
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CBADC2
#CAB2BF
#CAB1C0
#CAB0C0
#CAB0C1
#CAAFC2
#CAAEC2
#CAADC3
#C8B7BB
#C8B5BD
#C8B4BE
#C8B2C0
#C8B1C1
#C8AFC3
#C8ADC5
#C7BBB8
#C7B9BA
#C7B7BC
#C7B4BF
#C7B2C1
#C7B0C3
#C7ADC6
#C5C0B5
#C5BDB8
#C5BABB
#C5B7BE
#C5B4C1
#C5B1C4
#C5ADC8
#C4C5B1
#C4C1B5
#C4BDB9
#C4B9BD
#C4B6C0
#C4B2C4
#C4ADC9
#C2CBAD
#C2C6B2
#C2C1B7
#C2BDBB
#C2B8C0
#C2B3C5
#C2ADCB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
