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 #A3C7E0 to #A3E0C7 and to #C7A3E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3CBDC
#A4C9DD
#A5C8DD
#A6C6DE
#A7C5DF
#A8C3DF
#A9C1E0
#A3CFD8
#A5CCD9
#A7C9DB
#A9C5DC
#ABC2DD
#ADBFDE
#AFBBE0
#A3D3D4
#A6CED6
#A8CAD8
#ABC5DA
#AEC0DC
#B1BCDE
#B4B6E0
#A3D7D0
#A7D1D3
#AACBD5
#AEC4D8
#B2BEDA
#B5B8DD
#BAB0E0
#A3DBCC
#A8D3CF
#ACCBD2
#B1C3D6
#B6BCD9
#BAB4DC
#C0AAE0
#A3E0C7
#A9D6CB
#AFCCCF
#B4C3D3
#BAB9D7
#C0AFDB
#C7A3E0
Colorpallet from #A3C7E0 to #A3E0C7 and to #C7E0A3
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3CBDC
#A4CBDB
#A5CBDA
#A6CBD9
#A7CBD8
#A8CBD7
#A9CBD6
#A3CFD8
#A5CFD6
#A7CFD4
#A9CFD2
#ABCFD0
#ADCFCE
#AFCFCC
#A3D3D4
#A6D3D1
#A8D3CF
#ABD3CC
#AED3C9
#B1D3C6
#B4D3C3
#A3D7D0
#A7D7CC
#AAD7C9
#AED7C5
#B2D7C1
#B5D7BE
#BAD7B9
#A3DBCC
#A8DBC7
#ACDBC3
#B1DBBE
#B6DBB9
#BADBB5
#C0DBAF
#A3E0C7
#A9E0C1
#AFE0BB
#B4E0B6
#BAE0B0
#C0E0AA
#C7E0A3
Colorpallet from #A3C7E0 to #A3E0C7 and to #E0A3C7
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3CBDC
#A5C9DC
#A6C8DC
#A8C6DC
#A9C5DC
#ABC3DC
#ADC1DC
#A3CFD8
#A6CCD8
#A9C9D8
#ADC5D8
#B0C2D8
#B3BFD8
#B7BBD8
#A3D3D4
#A8CED4
#ACCAD4
#B1C5D4
#B6C0D4
#BABCD4
#C0B6D4
#A3D7D0
#A9D1D0
#AFCBD0
#B6C4D0
#BCBED0
#C2B8D0
#CAB0D0
#A3DBCC
#ABD3CC
#B3CBCC
#BBC3CC
#C2BCCC
#CAB4CC
#D4AACC
#A3E0C7
#ADD6C7
#B7CCC7
#C0C3C7
#CAB9C7
#D4AFC7
#E0A3C7
Colorpallet from #A3C7E0 to #A3E0C7 and to #E0C7A3
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3CBDC
#A5CADB
#A6CADA
#A8C9D9
#A9C8D8
#ABC8D7
#ADC7D6
#A3CFD8
#A6CED6
#A9CCD4
#ADCBD2
#B0CAD0
#B3C9CE
#B7C7CC
#A3D3D4
#A8D1D1
#ACCFCF
#B1CDCC
#B6CBC9
#BAC9C6
#C0C7C3
#A3D7D0
#A9D4CC
#AFD2C9
#B6CFC5
#BCCDC1
#C2CABE
#CAC7B9
#A3DBCC
#ABD8C7
#B3D5C3
#BBD1BE
#C2CEB9
#CACBB5
#D4C7AF
#A3E0C7
#ADDCC1
#B7D8BB
#C0D4B6
#CAD0B0
#D4CCAA
#E0C7A3
Colorpallet from #A3C7E0 to #C7A3E0 and to #C7E0A3
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A9C1E0
#A9C3DE
#A9C4DD
#A9C6DB
#A9C7DA
#A9C9D8
#A9CBD6
#AFBBE0
#AFBEDD
#AFC1DA
#AFC5D6
#AFC8D3
#AFCBD0
#AFCFCC
#B4B6E0
#B4BBDB
#B4BFD7
#B4C4D2
#B4C9CD
#B4CDC9
#B4D3C3
#BAB0E0
#BAB6DA
#BABCD4
#BAC3CD
#BAC9C7
#BACFC1
#BAD7B9
#C0AAE0
#C0B2D8
#C0BAD0
#C0C2C8
#C0C9C1
#C0D1B9
#C0DBAF
#C7A3E0
#C7ADD6
#C7B7CC
#C7C0C3
#C7CAB9
#C7D4AF
#C7E0A3
Colorpallet from #A3C7E0 to #C7A3E0 and to #E0A3C7
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A9C1E0
#AAC1DF
#AAC1DF
#ABC1DE
#ACC1DD
#ACC1DD
#ADC1DC
#AFBBE0
#B0BBDF
#B2BBDD
#B3BBDC
#B4BBDB
#B5BBDA
#B7BBD8
#B4B6E0
#B6B6DE
#B8B6DC
#BAB6DA
#BCB6D8
#BEB6D6
#C0B6D4
#BAB0E0
#BDB0DD
#BFB0DB
#C2B0D8
#C4B0D6
#C7B0D3
#CAB0D0
#C0AAE0
#C3AADD
#C6AADA
#CAAAD6
#CDAAD3
#D0AAD0
#D4AACC
#C7A3E0
#CBA3DC
#CFA3D8
#D3A3D4
#D7A3D0
#DBA3CC
#E0A3C7
Colorpallet from #A3C7E0 to #C7A3E0 and to #E0C7A3
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A9C1E0
#AAC2DE
#AAC3DD
#ABC4DB
#ACC5DA
#ACC6D8
#ADC7D6
#AFBBE0
#B0BDDD
#B2BFDA
#B3C1D6
#B4C3D3
#B5C5D0
#B7C7CC
#B4B6E0
#B6B9DB
#B8BBD7
#BABED2
#BCC1CD
#BEC4C9
#C0C7C3
#BAB0E0
#BDB4DA
#BFB7D4
#C2BBCD
#C4BFC7
#C7C2C1
#CAC7B9
#C0AAE0
#C3AFD8
#C6B3D0
#CAB8C8
#CDBDC1
#D0C1B9
#D4C7AF
#C7A3E0
#CBA9D6
#CFAFCC
#D3B4C3
#D7BAB9
#DBC0AF
#E0C7A3
Colorpallet from #A3C7E0 to #C7E0A3 and to #E0A3C7
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A9CBD6
#AAC9D7
#AAC8D8
#ABC6D9
#ACC5DA
#ACC3DB
#ADC1DC
#AFCFCC
#B0CCCE
#B2C9D0
#B3C5D2
#B4C2D4
#B5BFD6
#B7BBD8
#B4D3C3
#B6CEC6
#B8CAC8
#BAC5CB
#BCC0CE
#BEBCD1
#C0B6D4
#BAD7B9
#BDD1BD
#BFCBC0
#C2C4C4
#C4BEC8
#C7B8CB
#CAB0D0
#C0DBAF
#C3D3B4
#C6CBB8
#CAC3BD
#CDBCC2
#D0B4C6
#D4AACC
#C7E0A3
#CBD6A9
#CFCCAF
#D3C3B4
#D7B9BA
#DBAFC0
#E0A3C7
Colorpallet from #A3C7E0 to #C7E0A3 and to #E0C7A3
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A9CBD6
#AACAD6
#AACAD6
#ABC9D6
#ACC8D6
#ACC8D6
#ADC7D6
#AFCFCC
#B0CECC
#B2CCCC
#B3CBCC
#B4CACC
#B5C9CC
#B7C7CC
#B4D3C3
#B6D1C3
#B8CFC3
#BACDC3
#BCCBC3
#BEC9C3
#C0C7C3
#BAD7B9
#BDD4B9
#BFD2B9
#C2CFB9
#C4CDB9
#C7CAB9
#CAC7B9
#C0DBAF
#C3D8AF
#C6D5AF
#CAD1AF
#CDCEAF
#D0CBAF
#D4C7AF
#C7E0A3
#CBDCA3
#CFD8A3
#D3D4A3
#D7D0A3
#DBCCA3
#E0C7A3
Colorpallet from #A3C7E0 to #E0A3C7 and to #E0C7A3
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#A3C7E0
#ADC1DC
#ADC2DB
#ADC3DA
#ADC4D9
#ADC5D8
#ADC6D7
#ADC7D6
#B7BBD8
#B7BDD6
#B7BFD4
#B7C1D2
#B7C3D0
#B7C5CE
#B7C7CC
#C0B6D4
#C0B9D1
#C0BBCF
#C0BECC
#C0C1C9
#C0C4C6
#C0C7C3
#CAB0D0
#CAB4CC
#CAB7C9
#CABBC5
#CABFC1
#CAC2BE
#CAC7B9
#D4AACC
#D4AFC7
#D4B3C3
#D4B8BE
#D4BDB9
#D4C1B5
#D4C7AF
#E0A3C7
#E0A9C1
#E0AFBB
#E0B4B6
#E0BAB0
#E0C0AA
#E0C7A3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
