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 #A2D4CF to #A2CFD4 and to #D4A2CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D3D0
#A3D2D0
#A5D1D0
#A6D0D0
#A7CFCF
#A8CDCF
#AACCCF
#A2D2D1
#A5D0D1
#A7CED0
#AACBD0
#ACC9D0
#AFC7CF
#B2C4CF
#A2D2D1
#A6CED1
#AACBD0
#AEC7D0
#B1C4D0
#B5C0CF
#BABCCF
#A2D1D2
#A7CCD2
#ACC8D1
#B1C3D1
#B6BED0
#BCBAD0
#C2B4CF
#A2D0D3
#A8CAD2
#AFC4D2
#B5BFD1
#BCB9D0
#C2B3D0
#CAACCF
#A2CFD4
#AAC8D3
#B2C1D2
#BAB9D2
#C2B2D1
#CAABD0
#D4A2CF
Colorpallet from #A2D4CF to #A2CFD4 and to #D4CFA2
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D3D0
#A3D3CF
#A5D3CD
#A6D3CC
#A7D3CB
#A8D3CA
#AAD3C8
#A2D2D1
#A5D2CE
#A7D2CC
#AAD2C9
#ACD2C7
#AFD2C4
#B2D2C1
#A2D2D1
#A6D2CD
#AAD2C9
#AED2C5
#B1D2C2
#B5D2BE
#BAD2B9
#A2D1D2
#A7D1CD
#ACD1C8
#B1D1C3
#B6D1BE
#BCD1B8
#C2D1B2
#A2D0D3
#A8D0CD
#AFD0C6
#B5D0C0
#BCD0B9
#C2D0B3
#CAD0AB
#A2CFD4
#AACFCC
#B2CFC4
#BACFBC
#C2CFB4
#CACFAC
#D4CFA2
Colorpallet from #A2D4CF to #A2CFD4 and to #CFA2D4
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D3D0
#A3D2D0
#A4D1D0
#A5D0D0
#A6CFD0
#A8CDD0
#A9CCD0
#A2D2D1
#A4D0D1
#A6CED1
#A9CBD1
#ABC9D1
#ADC7D1
#B0C4D1
#A2D2D1
#A6CED1
#A9CBD1
#ADC7D1
#B0C4D1
#B4C0D1
#B8BCD1
#A2D1D2
#A7CCD2
#ABC8D2
#B0C3D2
#B5BED2
#B9BAD2
#BFB4D2
#A2D0D3
#A8CAD3
#AEC4D3
#B3BFD3
#B9B9D3
#BFB3D3
#C6ACD3
#A2CFD4
#A9C8D4
#B0C1D4
#B8B9D4
#BFB2D4
#C6ABD4
#CFA2D4
Colorpallet from #A2D4CF to #A2CFD4 and to #CFD4A2
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D3D0
#A3D3CF
#A4D3CD
#A5D3CC
#A6D4CB
#A8D4CA
#A9D4C8
#A2D2D1
#A4D2CE
#A6D3CC
#A9D3C9
#ABD3C7
#ADD4C4
#B0D4C1
#A2D2D1
#A6D2CD
#A9D3C9
#ADD3C5
#B0D3C2
#B4D4BE
#B8D4B9
#A2D1D2
#A7D1CD
#ABD2C8
#B0D2C3
#B5D3BE
#B9D3B8
#BFD4B2
#A2D0D3
#A8D1CD
#AED1C6
#B3D2C0
#B9D3B9
#BFD3B3
#C6D4AB
#A2CFD4
#A9D0CC
#B0D1C4
#B8D1BC
#BFD2B4
#C6D3AC
#CFD4A2
Colorpallet from #A2D4CF to #D4A2CF and to #D4CFA2
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#AACCCF
#AACDCE
#AACECD
#AACFCC
#AAD0CB
#AAD2C9
#AAD3C8
#B2C4CF
#B2C6CD
#B2C8CB
#B2CBC8
#B2CDC6
#B2CFC4
#B2D2C1
#BABCCF
#BAC0CB
#BAC3C8
#BAC7C4
#BACAC1
#BACEBD
#BAD2B9
#C2B4CF
#C2B9CA
#C2BDC6
#C2C2C1
#C2C7BC
#C2CBB8
#C2D1B2
#CAACCF
#CAB2C9
#CAB8C3
#CABDBE
#CAC3B8
#CAC9B2
#CAD0AB
#D4A2CF
#D4A9C8
#D4B0C1
#D4B8B9
#D4BFB2
#D4C6AB
#D4CFA2
Colorpallet from #A2D4CF to #D4A2CF and to #CFA2D4
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#AACCCF
#AACCCF
#AACCCF
#AACCCF
#A9CCD0
#A9CCD0
#A9CCD0
#B2C4CF
#B2C4CF
#B1C4D0
#B1C4D0
#B1C4D0
#B0C4D1
#B0C4D1
#BABCCF
#BABCCF
#B9BCD0
#B9BCD0
#B9BCD0
#B8BCD1
#B8BCD1
#C2B4CF
#C2B4CF
#C1B4D0
#C1B4D0
#C0B4D1
#C0B4D1
#BFB4D2
#CAACCF
#C9ACD0
#C9ACD0
#C8ACD1
#C7ACD2
#C7ACD2
#C6ACD3
#D4A2CF
#D3A2D0
#D2A2D1
#D2A2D1
#D1A2D2
#D0A2D3
#CFA2D4
Colorpallet from #A2D4CF to #D4A2CF and to #CFD4A2
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#AACCCF
#AACDCE
#AACFCD
#AAD0CC
#A9D1CB
#A9D2C9
#A9D4C8
#B2C4CF
#B2C7CD
#B1C9CB
#B1CCC8
#B1CEC6
#B0D1C4
#B0D4C1
#BABCCF
#BAC0CB
#B9C4C8
#B9C8C4
#B9CBC1
#B8CFBD
#B8D4B9
#C2B4CF
#C2B9CA
#C1BEC6
#C1C3C1
#C0C8BC
#C0CEB8
#BFD4B2
#CAACCF
#C9B2C9
#C9B9C3
#C8BFBE
#C7C6B8
#C7CCB2
#C6D4AB
#D4A2CF
#D3AAC8
#D2B2C1
#D2BAB9
#D1C2B2
#D0CAAB
#CFD4A2
Colorpallet from #A2D4CF to #D4CFA2 and to #CFA2D4
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#AAD3C8
#AAD2C9
#AAD1CB
#AAD0CC
#A9CFCD
#A9CDCE
#A9CCD0
#B2D2C1
#B2D0C4
#B1CEC6
#B1CBC9
#B1C9CB
#B0C7CE
#B0C4D1
#BAD2B9
#BACEBD
#B9CBC1
#B9C7C5
#B9C4C8
#B8C0CC
#B8BCD1
#C2D1B2
#C2CCB7
#C1C8BC
#C1C3C1
#C0BEC6
#C0BACC
#BFB4D2
#CAD0AB
#C9CAB1
#C9C4B8
#C8BFBE
#C7B9C5
#C7B3CB
#C6ACD3
#D4CFA2
#D3C8AA
#D2C1B2
#D2B9BA
#D1B2C2
#D0ABCA
#CFA2D4
Colorpallet from #A2D4CF to #D4CFA2 and to #CFD4A2
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#AAD3C8
#AAD3C8
#AAD3C8
#AAD3C8
#A9D4C8
#A9D4C8
#A9D4C8
#B2D2C1
#B2D2C1
#B1D3C1
#B1D3C1
#B1D3C1
#B0D4C1
#B0D4C1
#BAD2B9
#BAD2B9
#B9D3B9
#B9D3B9
#B9D3B9
#B8D4B9
#B8D4B9
#C2D1B2
#C2D1B2
#C1D2B2
#C1D2B2
#C0D3B2
#C0D3B2
#BFD4B2
#CAD0AB
#C9D1AB
#C9D1AB
#C8D2AB
#C7D3AB
#C7D3AB
#C6D4AB
#D4CFA2
#D3D0A2
#D2D1A2
#D2D1A2
#D1D2A2
#D0D3A2
#CFD4A2
Colorpallet from #A2D4CF to #CFA2D4 and to #CFD4A2
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A2D4CF
#A9CCD0
#A9CDCF
#A9CFCD
#A9D0CC
#A9D1CB
#A9D2CA
#A9D4C8
#B0C4D1
#B0C7CE
#B0C9CC
#B0CCC9
#B0CEC7
#B0D1C4
#B0D4C1
#B8BCD1
#B8C0CD
#B8C4C9
#B8C8C5
#B8CBC2
#B8CFBE
#B8D4B9
#BFB4D2
#BFB9CD
#BFBEC8
#BFC3C3
#BFC8BE
#BFCEB8
#BFD4B2
#C6ACD3
#C6B2CD
#C6B9C6
#C6BFC0
#C6C6B9
#C6CCB3
#C6D4AB
#CFA2D4
#CFAACC
#CFB2C4
#CFBABC
#CFC2B4
#CFCAAC
#CFD4A2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts