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 #A1C3DE to #A1DEC3 and to #C3A1DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C7DA
#A2C6DB
#A3C4DB
#A3C3DC
#A4C1DD
#A5C0DD
#A6BEDE
#A1CCD5
#A3C9D6
#A5C6D8
#A6C2D9
#A8BFDB
#AABCDC
#ACB8DE
#A1D0D1
#A4CBD3
#A6C7D5
#A9C2D7
#ABBDD9
#AEB9DB
#B1B3DE
#A1D4CD
#A5CED0
#A8C8D2
#ACC1D5
#AFBBD8
#B3B5DB
#B7ADDE
#A1D9C8
#A5D1CC
#AAC9CF
#AEC1D3
#B2BAD6
#B7B2DA
#BCA8DE
#A1DEC3
#A6D4C7
#ACCACC
#B1C1D0
#B7B7D4
#BCADD9
#C3A1DE
Colorpallet from #A1C3DE to #A1DEC3 and to #C3DEA1
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C7DA
#A2C7D9
#A3C7D8
#A3C7D7
#A4C7D6
#A5C7D5
#A6C7D4
#A1CCD5
#A3CCD3
#A5CCD1
#A6CCD0
#A8CCCE
#AACCCC
#ACCCCA
#A1D0D1
#A4D0CE
#A6D0CC
#A9D0C9
#ABD0C7
#AED0C4
#B1D0C1
#A1D4CD
#A5D4C9
#A8D4C6
#ACD4C2
#AFD4BF
#B3D4BB
#B7D4B7
#A1D9C8
#A5D9C4
#AAD9BF
#AED9BB
#B2D9B7
#B7D9B2
#BCD9AD
#A1DEC3
#A6DEBE
#ACDEB8
#B1DEB3
#B7DEAD
#BCDEA8
#C3DEA1
Colorpallet from #A1C3DE to #A1DEC3 and to #DEA1C3
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C7DA
#A3C6DA
#A4C4DA
#A6C3DA
#A7C1DA
#A9C0DA
#ABBEDA
#A1CCD5
#A4C9D5
#A7C6D5
#ABC2D5
#AEBFD5
#B1BCD5
#B5B8D5
#A1D0D1
#A6CBD1
#AAC7D1
#AFC2D1
#B4BDD1
#B8B9D1
#BEB3D1
#A1D4CD
#A7CECD
#ADC8CD
#B4C1CD
#BABBCD
#C0B5CD
#C8ADCD
#A1D9C8
#A9D1C8
#B1C9C8
#B9C1C8
#C0BAC8
#C8B2C8
#D2A8C8
#A1DEC3
#ABD4C3
#B5CAC3
#BEC1C3
#C8B7C3
#D2ADC3
#DEA1C3
Colorpallet from #A1C3DE to #A1DEC3 and to #DEC3A1
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C7DA
#A3C6D9
#A4C6D8
#A6C5D7
#A7C4D6
#A9C4D5
#ABC3D4
#A1CCD5
#A4CBD3
#A7C9D1
#ABC8D0
#AEC6CE
#B1C5CC
#B5C3CA
#A1D0D1
#A6CECE
#AACCCC
#AFCAC9
#B4C8C7
#B8C6C4
#BEC3C1
#A1D4CD
#A7D1C9
#ADCFC6
#B4CCC2
#BAC9BF
#C0C6BB
#C8C3B7
#A1D9C8
#A9D5C4
#B1D2BF
#B9CEBB
#C0CBB7
#C8C7B2
#D2C3AD
#A1DEC3
#ABDABE
#B5D5B8
#BED1B3
#C8CDAD
#D2C8A8
#DEC3A1
Colorpallet from #A1C3DE to #C3A1DE and to #C3DEA1
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A6BEDE
#A6BFDC
#A6C1DB
#A6C2D9
#A6C4D8
#A6C5D6
#A6C7D4
#ACB8DE
#ACBBDB
#ACBED8
#ACC2D4
#ACC5D1
#ACC8CE
#ACCCCA
#B1B3DE
#B1B8D9
#B1BCD5
#B1C1D0
#B1C6CB
#B1CAC7
#B1D0C1
#B7ADDE
#B7B3D8
#B7B9D2
#B7C0CB
#B7C6C5
#B7CCBF
#B7D4B7
#BCA8DE
#BCB0D6
#BCB8CE
#BCC0C6
#BCC7BF
#BCCFB7
#BCD9AD
#C3A1DE
#C3ABD4
#C3B5CA
#C3BEC1
#C3C8B7
#C3D2AD
#C3DEA1
Colorpallet from #A1C3DE to #C3A1DE and to #DEA1C3
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A6BEDE
#A7BEDD
#A8BEDD
#A8BEDC
#A9BEDB
#AABEDB
#ABBEDA
#ACB8DE
#ADB8DD
#AFB8DB
#B0B8DA
#B2B8D8
#B3B8D7
#B5B8D5
#B1B3DE
#B3B3DC
#B5B3DA
#B7B3D8
#B9B3D6
#BBB3D4
#BEB3D1
#B7ADDE
#BAADDB
#BCADD9
#BFADD6
#C2ADD3
#C5ADD0
#C8ADCD
#BCA8DE
#C0A8DA
#C3A8D7
#C7A8D3
#CAA8D0
#CEA8CC
#D2A8C8
#C3A1DE
#C7A1DA
#CCA1D5
#D0A1D1
#D4A1CD
#D9A1C8
#DEA1C3
Colorpallet from #A1C3DE to #C3A1DE and to #DEC3A1
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A6BEDE
#A7BFDC
#A8C0DB
#A8C0D9
#A9C1D8
#AAC2D6
#ABC3D4
#ACB8DE
#ADBADB
#AFBCD8
#B0BDD4
#B2BFD1
#B3C1CE
#B5C3CA
#B1B3DE
#B3B6D9
#B5B8D5
#B7BBD0
#B9BDCB
#BBC0C7
#BEC3C1
#B7ADDE
#BAB1D8
#BCB4D2
#BFB8CB
#C2BBC5
#C5BFBF
#C8C3B7
#BCA8DE
#C0ACD6
#C3B1CE
#C7B5C6
#CAB9BF
#CEBEB7
#D2C3AD
#C3A1DE
#C7A6D4
#CCACCA
#D0B1C1
#D4B7B7
#D9BCAD
#DEC3A1
Colorpallet from #A1C3DE to #C3DEA1 and to #DEA1C3
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A6C7D4
#A7C6D5
#A8C4D6
#A8C3D7
#A9C1D8
#AAC0D9
#ABBEDA
#ACCCCA
#ADC9CC
#AFC6CE
#B0C2CF
#B2BFD1
#B3BCD3
#B5B8D5
#B1D0C1
#B3CBC4
#B5C7C6
#B7C2C9
#B9BDCB
#BBB9CE
#BEB3D1
#B7D4B7
#BACEBB
#BCC8BE
#BFC1C2
#C2BBC5
#C5B5C9
#C8ADCD
#BCD9AD
#C0D1B1
#C3C9B6
#C7C1BA
#CABABE
#CEB2C3
#D2A8C8
#C3DEA1
#C7D4A6
#CCCAAC
#D0C1B1
#D4B7B7
#D9ADBC
#DEA1C3
Colorpallet from #A1C3DE to #C3DEA1 and to #DEC3A1
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A6C7D4
#A7C6D4
#A8C6D4
#A8C5D4
#A9C4D4
#AAC4D4
#ABC3D4
#ACCCCA
#ADCBCA
#AFC9CA
#B0C8CA
#B2C6CA
#B3C5CA
#B5C3CA
#B1D0C1
#B3CEC1
#B5CCC1
#B7CAC1
#B9C8C1
#BBC6C1
#BEC3C1
#B7D4B7
#BAD1B7
#BCCFB7
#BFCCB7
#C2C9B7
#C5C6B7
#C8C3B7
#BCD9AD
#C0D5AD
#C3D2AD
#C7CEAD
#CACBAD
#CEC7AD
#D2C3AD
#C3DEA1
#C7DAA1
#CCD5A1
#D0D1A1
#D4CDA1
#D9C8A1
#DEC3A1
Colorpallet from #A1C3DE to #DEA1C3 and to #DEC3A1
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#A1C3DE
#ABBEDA
#ABBFD9
#ABC0D8
#ABC0D7
#ABC1D6
#ABC2D5
#ABC3D4
#B5B8D5
#B5BAD3
#B5BCD1
#B5BDD0
#B5BFCE
#B5C1CC
#B5C3CA
#BEB3D1
#BEB6CE
#BEB8CC
#BEBBC9
#BEBDC7
#BEC0C4
#BEC3C1
#C8ADCD
#C8B1C9
#C8B4C6
#C8B8C2
#C8BBBF
#C8BFBB
#C8C3B7
#D2A8C8
#D2ACC4
#D2B1BF
#D2B5BB
#D2B9B7
#D2BEB2
#D2C3AD
#DEA1C3
#DEA6BE
#DEACB8
#DEB1B3
#DEB7AD
#DEBCA8
#DEC3A1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
