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 #C3A1E2 to #C3E2A1 and to #A1C3E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3ABD8
#C2AADA
#C1A9DB
#C1A9DD
#C0A8DE
#BFA7E0
#BEA6E2
#C3B6CD
#C1B4D0
#BFB3D4
#BEB1D7
#BCB0DA
#BAAEDE
#B8ACE2
#C3C0C3
#C0BEC8
#BEBBCD
#BBB9D2
#B9B6D7
#B6B4DC
#B3B1E2
#C3CBB8
#BFC8BF
#BCC5C5
#B8C1CC
#B5BED3
#B1BBDA
#ADB7E2
#C3D5AE
#BFD1B6
#BACDBF
#B6C9C7
#B2C5CF
#ADC1D8
#A8BCE2
#C3E2A1
#BEDDAB
#B8D8B6
#B3D3C0
#ADCECB
#A8C9D5
#A1C3E2
Colorpallet from #C3A1E2 to #C3E2A1 and to #A1E2C3
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3ABD8
#C2ABD9
#C1ABDA
#C1ABDA
#C0ABDB
#BFABDC
#BEABDD
#C3B6CD
#C1B6CF
#BFB6D1
#BEB6D2
#BCB6D4
#BAB6D6
#B8B6D8
#C3C0C3
#C0C0C6
#BEC0C8
#BBC0CB
#B9C0CD
#B6C0D0
#B3C0D3
#C3CBB8
#BFCBBC
#BCCBBF
#B8CBC3
#B5CBC6
#B1CBCA
#ADCBCE
#C3D5AE
#BFD5B2
#BAD5B7
#B6D5BB
#B2D5BF
#ADD5C4
#A8D5C9
#C3E2A1
#BEE2A6
#B8E2AC
#B3E2B1
#ADE2B7
#A8E2BC
#A1E2C3
Colorpallet from #C3A1E2 to #C3E2A1 and to #E2C3A1
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3ABD8
#C4AAD8
#C5A9D8
#C5A9D8
#C6A8D8
#C7A7D8
#C8A6D8
#C3B6CD
#C5B4CD
#C6B3CD
#C8B1CD
#C9B0CD
#CBAECD
#CDACCD
#C3C0C3
#C5BEC3
#C8BBC3
#CAB9C3
#CDB6C3
#CFB4C3
#D2B1C3
#C3CBB8
#C6C8B8
#C9C5B8
#CDC1B8
#D0BEB8
#D3BBB8
#D7B7B8
#C3D5AE
#C7D1AE
#CBCDAE
#CFC9AE
#D3C5AE
#D7C1AE
#DCBCAE
#C3E2A1
#C8DDA1
#CDD8A1
#D2D3A1
#D7CEA1
#DCC9A1
#E2C3A1
Colorpallet from #C3A1E2 to #C3E2A1 and to #E2A1C3
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3ABD8
#C4A9D9
#C5A8DA
#C5A6DA
#C6A5DB
#C7A3DC
#C8A1DD
#C3B6CD
#C5B3CF
#C6AFD1
#C8ACD2
#C9A9D4
#CBA5D6
#CDA1D8
#C3C0C3
#C5BBC6
#C8B6C8
#CAB1CB
#CDACCD
#CFA7D0
#D2A1D3
#C3CBB8
#C6C4BC
#C9BEBF
#CDB7C3
#D0B0C6
#D3A9CA
#D7A1CE
#C3D5AE
#C7CDB2
#CBC4B7
#CFBCBB
#D3B4BF
#D7ABC4
#DCA1C9
#C3E2A1
#C8D8A6
#CDCDAC
#D2C3B1
#D7B8B7
#DCAEBC
#E2A1C3
Colorpallet from #C3A1E2 to #A1C3E2 and to #A1E2C3
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#BEA6E2
#BEA7E1
#BEA8E0
#BEA8E0
#BEA9DF
#BEAADE
#BEABDD
#B8ACE2
#B8AEE0
#B8AFDF
#B8B1DD
#B8B2DC
#B8B4DA
#B8B6D8
#B3B1E2
#B3B3E0
#B3B6DD
#B3B8DB
#B3BBD8
#B3BDD6
#B3C0D3
#ADB7E2
#ADBADF
#ADBDDC
#ADC1D8
#ADC4D5
#ADC7D2
#ADCBCE
#A8BCE2
#A8C0DE
#A8C4DA
#A8C8D6
#A8CCD2
#A8D0CE
#A8D5C9
#A1C3E2
#A1C8DD
#A1CDD8
#A1D2D3
#A1D7CE
#A1DCC9
#A1E2C3
Colorpallet from #C3A1E2 to #A1C3E2 and to #E2C3A1
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#BEA6E2
#C0A6E0
#C1A6DF
#C3A6DD
#C4A6DC
#C6A6DA
#C8A6D8
#B8ACE2
#BBACDF
#BFACDB
#C2ACD8
#C5ACD5
#C9ACD1
#CDACCD
#B3B1E2
#B8B1DD
#BDB1D8
#C2B1D3
#C7B1CE
#CCB1C9
#D2B1C3
#ADB7E2
#B4B7DB
#BAB7D5
#C1B7CE
#C8B7C7
#CFB7C0
#D7B7B8
#A8BCE2
#B0BCDA
#B9BCD1
#C1BCC9
#C9BCC1
#D2BCB8
#DCBCAE
#A1C3E2
#ABC3D8
#B6C3CD
#C0C3C3
#CBC3B8
#D5C3AE
#E2C3A1
Colorpallet from #C3A1E2 to #A1C3E2 and to #E2A1C3
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#BEA6E2
#C0A5E1
#C1A4E0
#C3A4E0
#C4A3DF
#C6A2DE
#C8A1DD
#B8ACE2
#BBAAE0
#BFA8DF
#C2A7DD
#C5A5DC
#C9A3DA
#CDA1D8
#B3B1E2
#B8AEE0
#BDACDD
#C2A9DB
#C7A7D8
#CCA4D6
#D2A1D3
#ADB7E2
#B4B3DF
#BAB0DC
#C1ACD8
#C8A9D5
#CFA5D2
#D7A1CE
#A8BCE2
#B0B8DE
#B9B3DA
#C1AFD6
#C9ABD2
#D2A6CE
#DCA1C9
#A1C3E2
#ABBEDD
#B6B8D8
#C0B3D3
#CBADCE
#D5A8C9
#E2A1C3
Colorpallet from #C3A1E2 to #A1E2C3 and to #E2C3A1
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#BEABDD
#C0AADC
#C1A9DB
#C3A9DB
#C4A8DA
#C6A7D9
#C8A6D8
#B8B6D8
#BBB4D6
#BFB3D4
#C2B1D3
#C5B0D1
#C9AECF
#CDACCD
#B3C0D3
#B8BED0
#BDBBCE
#C2B9CB
#C7B6C9
#CCB4C6
#D2B1C3
#ADCBCE
#B4C8CA
#BAC5C7
#C1C1C3
#C8BEC0
#CFBBBC
#D7B7B8
#A8D5C9
#B0D1C5
#B9CDC0
#C1C9BC
#C9C5B8
#D2C1B3
#DCBCAE
#A1E2C3
#ABDDBE
#B6D8B8
#C0D3B3
#CBCEAD
#D5C9A8
#E2C3A1
Colorpallet from #C3A1E2 to #A1E2C3 and to #E2A1C3
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#BEABDD
#C0A9DD
#C1A8DD
#C3A6DD
#C4A5DD
#C6A3DD
#C8A1DD
#B8B6D8
#BBB3D8
#BFAFD8
#C2ACD8
#C5A9D8
#C9A5D8
#CDA1D8
#B3C0D3
#B8BBD3
#BDB6D3
#C2B1D3
#C7ACD3
#CCA7D3
#D2A1D3
#ADCBCE
#B4C4CE
#BABECE
#C1B7CE
#C8B0CE
#CFA9CE
#D7A1CE
#A8D5C9
#B0CDC9
#B9C4C9
#C1BCC9
#C9B4C9
#D2ABC9
#DCA1C9
#A1E2C3
#ABD8C3
#B6CDC3
#C0C3C3
#CBB8C3
#D5AEC3
#E2A1C3
Colorpallet from #C3A1E2 to #E2C3A1 and to #E2A1C3
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C3A1E2
#C8A6D8
#C8A5D9
#C8A4DA
#C8A4DA
#C8A3DB
#C8A2DC
#C8A1DD
#CDACCD
#CDAACF
#CDA8D1
#CDA7D2
#CDA5D4
#CDA3D6
#CDA1D8
#D2B1C3
#D2AEC6
#D2ACC8
#D2A9CB
#D2A7CD
#D2A4D0
#D2A1D3
#D7B7B8
#D7B3BC
#D7B0BF
#D7ACC3
#D7A9C6
#D7A5CA
#D7A1CE
#DCBCAE
#DCB8B2
#DCB3B7
#DCAFBB
#DCABBF
#DCA6C4
#DCA1C9
#E2C3A1
#E2BEA6
#E2B8AC
#E2B3B1
#E2ADB7
#E2A8BC
#E2A1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts