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 #C2A1E2 to #C2E2A1 and to #A1C2E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2ABD8
#C1AADA
#C0A9DB
#C0A9DD
#BFA8DE
#BEA7E0
#BDA6E2
#C2B6CD
#C0B4D0
#BEB3D4
#BDB1D7
#BBB0DA
#B9AEDE
#B7ACE2
#C2C0C3
#BFBEC8
#BDBBCD
#BAB9D2
#B8B6D7
#B5B4DC
#B2B1E2
#C2CBB8
#BFC8BF
#BBC4C5
#B8C1CC
#B5BED3
#B1BADA
#ADB6E2
#C2D5AE
#BED1B6
#BACDBF
#B6C9C7
#B1C4CF
#ADC0D8
#A8BBE2
#C2E2A1
#BDDDAB
#B7D8B6
#B2D3C0
#ADCECB
#A8C8D5
#A1C2E2
Colorpallet from #C2A1E2 to #C2E2A1 and to #A1E2C2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2ABD8
#C1ABD9
#C0ABDA
#C0ABDA
#BFABDB
#BEABDC
#BDABDD
#C2B6CD
#C0B6CF
#BEB6D1
#BDB6D2
#BBB6D4
#B9B6D6
#B7B6D8
#C2C0C3
#BFC0C6
#BDC0C8
#BAC0CB
#B8C0CD
#B5C0D0
#B2C0D3
#C2CBB8
#BFCBBC
#BBCBBF
#B8CBC3
#B5CBC6
#B1CBCA
#ADCBCE
#C2D5AE
#BED5B2
#BAD5B6
#B6D5BA
#B1D5BF
#ADD5C3
#A8D5C8
#C2E2A1
#BDE2A6
#B7E2AC
#B2E2B1
#ADE2B6
#A8E2BB
#A1E2C2
Colorpallet from #C2A1E2 to #C2E2A1 and to #E2C2A1
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2ABD8
#C3AAD8
#C4A9D8
#C4A9D8
#C5A8D8
#C6A7D8
#C7A6D8
#C2B6CD
#C4B4CD
#C5B3CD
#C7B1CD
#C8B0CD
#CAAECD
#CCACCD
#C2C0C3
#C4BEC3
#C7BBC3
#C9B9C3
#CCB6C3
#CEB4C3
#D1B1C3
#C2CBB8
#C5C8B8
#C8C4B8
#CCC1B8
#CFBEB8
#D2BAB8
#D6B6B8
#C2D5AE
#C6D1AE
#CACDAE
#CEC9AE
#D3C4AE
#D7C0AE
#DCBBAE
#C2E2A1
#C7DDA1
#CCD8A1
#D1D3A1
#D6CEA1
#DCC8A1
#E2C2A1
Colorpallet from #C2A1E2 to #C2E2A1 and to #E2A1C2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2ABD8
#C3A9D9
#C4A8DA
#C4A6DA
#C5A5DB
#C6A3DC
#C7A1DD
#C2B6CD
#C4B3CF
#C5AFD1
#C7ACD2
#C8A9D4
#CAA5D6
#CCA1D8
#C2C0C3
#C4BBC6
#C7B6C8
#C9B1CB
#CCACCD
#CEA7D0
#D1A1D3
#C2CBB8
#C5C4BC
#C8BEBF
#CCB7C3
#CFB0C6
#D2A9CA
#D6A1CE
#C2D5AE
#C6CDB2
#CAC4B6
#CEBCBA
#D3B4BF
#D7ABC3
#DCA1C8
#C2E2A1
#C7D8A6
#CCCDAC
#D1C3B1
#D6B8B6
#DCAEBB
#E2A1C2
Colorpallet from #C2A1E2 to #A1C2E2 and to #A1E2C2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#BDA6E2
#BDA7E1
#BDA8E0
#BDA8E0
#BDA9DF
#BDAADE
#BDABDD
#B7ACE2
#B7AEE0
#B7AFDF
#B7B1DD
#B7B2DC
#B7B4DA
#B7B6D8
#B2B1E2
#B2B3E0
#B2B6DD
#B2B8DB
#B2BBD8
#B2BDD6
#B2C0D3
#ADB6E2
#ADB9DF
#ADBDDC
#ADC0D8
#ADC3D5
#ADC7D2
#ADCBCE
#A8BBE2
#A8BFDE
#A8C3DA
#A8C7D6
#A8CCD1
#A8D0CD
#A8D5C8
#A1C2E2
#A1C7DD
#A1CCD8
#A1D1D3
#A1D6CE
#A1DCC8
#A1E2C2
Colorpallet from #C2A1E2 to #A1C2E2 and to #E2C2A1
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#BDA6E2
#BFA6E0
#C0A6DF
#C2A6DD
#C3A6DC
#C5A6DA
#C7A6D8
#B7ACE2
#BAACDF
#BEACDB
#C1ACD8
#C4ACD5
#C8ACD1
#CCACCD
#B2B1E2
#B7B1DD
#BCB1D8
#C1B1D3
#C6B1CE
#CBB1C9
#D1B1C3
#ADB6E2
#B4B6DB
#BAB6D5
#C1B6CE
#C7B6C7
#CEB6C0
#D6B6B8
#A8BBE2
#B0BBDA
#B9BBD1
#C1BBC9
#C9BBC1
#D2BBB8
#DCBBAE
#A1C2E2
#ABC2D8
#B6C2CD
#C0C2C3
#CBC2B8
#D5C2AE
#E2C2A1
Colorpallet from #C2A1E2 to #A1C2E2 and to #E2A1C2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#BDA6E2
#BFA5E1
#C0A4E0
#C2A4E0
#C3A3DF
#C5A2DE
#C7A1DD
#B7ACE2
#BAAAE0
#BEA8DF
#C1A7DD
#C4A5DC
#C8A3DA
#CCA1D8
#B2B1E2
#B7AEE0
#BCACDD
#C1A9DB
#C6A7D8
#CBA4D6
#D1A1D3
#ADB6E2
#B4B3DF
#BAAFDC
#C1ACD8
#C7A9D5
#CEA5D2
#D6A1CE
#A8BBE2
#B0B7DE
#B9B3DA
#C1AFD6
#C9AAD1
#D2A6CD
#DCA1C8
#A1C2E2
#ABBDDD
#B6B7D8
#C0B2D3
#CBADCE
#D5A8C8
#E2A1C2
Colorpallet from #C2A1E2 to #A1E2C2 and to #E2C2A1
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#BDABDD
#BFAADC
#C0A9DB
#C2A9DB
#C3A8DA
#C5A7D9
#C7A6D8
#B7B6D8
#BAB4D6
#BEB3D4
#C1B1D3
#C4B0D1
#C8AECF
#CCACCD
#B2C0D3
#B7BED0
#BCBBCE
#C1B9CB
#C6B6C9
#CBB4C6
#D1B1C3
#ADCBCE
#B4C8CA
#BAC4C7
#C1C1C3
#C7BEC0
#CEBABC
#D6B6B8
#A8D5C8
#B0D1C4
#B9CDC0
#C1C9BC
#C9C4B7
#D2C0B3
#DCBBAE
#A1E2C2
#ABDDBD
#B6D8B7
#C0D3B2
#CBCEAD
#D5C8A8
#E2C2A1
Colorpallet from #C2A1E2 to #A1E2C2 and to #E2A1C2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#BDABDD
#BFA9DD
#C0A8DD
#C2A6DD
#C3A5DD
#C5A3DD
#C7A1DD
#B7B6D8
#BAB3D8
#BEAFD8
#C1ACD8
#C4A9D8
#C8A5D8
#CCA1D8
#B2C0D3
#B7BBD3
#BCB6D3
#C1B1D3
#C6ACD3
#CBA7D3
#D1A1D3
#ADCBCE
#B4C4CE
#BABECE
#C1B7CE
#C7B0CE
#CEA9CE
#D6A1CE
#A8D5C8
#B0CDC8
#B9C4C8
#C1BCC8
#C9B4C8
#D2ABC8
#DCA1C8
#A1E2C2
#ABD8C2
#B6CDC2
#C0C3C2
#CBB8C2
#D5AEC2
#E2A1C2
Colorpallet from #C2A1E2 to #E2C2A1 and to #E2A1C2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C2A1E2
#C7A6D8
#C7A5D9
#C7A4DA
#C7A4DA
#C7A3DB
#C7A2DC
#C7A1DD
#CCACCD
#CCAACF
#CCA8D1
#CCA7D2
#CCA5D4
#CCA3D6
#CCA1D8
#D1B1C3
#D1AEC6
#D1ACC8
#D1A9CB
#D1A7CD
#D1A4D0
#D1A1D3
#D6B6B8
#D6B3BC
#D6AFBF
#D6ACC3
#D6A9C6
#D6A5CA
#D6A1CE
#DCBBAE
#DCB7B2
#DCB3B6
#DCAFBA
#DCAABF
#DCA6C3
#DCA1C8
#E2C2A1
#E2BDA6
#E2B7AC
#E2B2B1
#E2ADB6
#E2A8BB
#E2A1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts