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 #D1E596 to #D196E5 and to #E5D196
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1D8A3
#D1DAA1
#D2DB9F
#D2DD9D
#D3DE9B
#D3E099
#D4E296
#D1CCAF
#D2CFAB
#D3D2A7
#D4D5A3
#D5D89F
#D6DB9B
#D7DF96
#D1BFBC
#D3C3B6
#D4C8B0
#D6CCAA
#D7D1A4
#D9D59E
#DBDB96
#D1B2C9
#D3B8C1
#D5BEB9
#D7C4B1
#D9CAA8
#DBD0A0
#DED896
#D1A6D5
#D4AECB
#D6B5C1
#D9BDB7
#DBC4AD
#DECCA3
#E1D596
#D196E5
#D49FD8
#D7A9CC
#DBB2BF
#DEBCB2
#E1C5A6
#E5D196
Colorpallet from #D1E596 to #D196E5 and to #E596D1
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1D8A3
#D1D8A2
#D2D8A2
#D2D8A1
#D3D8A0
#D3D8A0
#D4D89F
#D1CCAF
#D2CCAE
#D3CCAD
#D4CCAC
#D5CCAB
#D6CCAA
#D7CCA9
#D1BFBC
#D3BFBA
#D4BFB9
#D6BFB7
#D7BFB6
#D9BFB4
#DBBFB2
#D1B2C9
#D3B2C7
#D5B2C5
#D7B2C3
#D9B2C1
#DBB2BF
#DEB2BC
#D1A6D5
#D4A6D2
#D6A6D0
#D9A6CD
#DBA6CB
#DEA6C8
#E1A6C5
#D196E5
#D496E2
#D796DF
#DB96DB
#DE96D8
#E196D5
#E596D1
Colorpallet from #D1E596 to #D196E5 and to #96D1E5
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1D8A3
#D0DAA3
#CEDBA3
#CDDDA3
#CBDEA3
#CAE0A3
#C8E2A3
#D1CCAF
#CECFAF
#CBD2AF
#C8D5AF
#C5D8AF
#C2DBAF
#BEDFAF
#D1BFBC
#CDC3BC
#C8C8BC
#C4CCBC
#BFD1BC
#BBD5BC
#B5DBBC
#D1B2C9
#CBB8C9
#C5BEC9
#BFC4C9
#B9CAC9
#B3D0C9
#ABD8C9
#D1A6D5
#C9AED5
#C2B5D5
#BABDD5
#B3C4D5
#ABCCD5
#A2D5D5
#D196E5
#C89FE5
#BEA9E5
#B5B2E5
#ABBCE5
#A2C5E5
#96D1E5
Colorpallet from #D1E596 to #D196E5 and to #96E5D1
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1D8A3
#D0DAA2
#CEDCA2
#CDDEA1
#CBE0A0
#CAE2A0
#C8E59F
#D1CCAF
#CED0AE
#CBD4AD
#C8D8AC
#C5DCAB
#C2E0AA
#BEE5A9
#D1BFBC
#CDC5BA
#C8CBB9
#C4D1B7
#BFD7B6
#BBDDB4
#B5E5B2
#D1B2C9
#CBBAC7
#C5C2C5
#BFCAC3
#B9D3C1
#B3DBBF
#ABE5BC
#D1A6D5
#C9B0D2
#C2BAD0
#BAC4CD
#B3CECB
#ABD8C8
#A2E5C5
#D196E5
#C8A3E2
#BEAFDF
#B5BCDB
#ABC9D8
#A2D5D5
#96E5D1
Colorpallet from #D1E596 to #E5D196 and to #E596D1
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D4E296
#D4E097
#D4DF99
#D4DD9A
#D4DC9C
#D4DA9D
#D4D89F
#D7DF96
#D7DC99
#D7D99C
#D7D69F
#D7D3A2
#D7D0A5
#D7CCA9
#DBDB96
#DBD79A
#DBD29F
#DBCEA3
#DBC9A8
#DBC5AC
#DBBFB2
#DED896
#DED29C
#DECCA2
#DEC6A8
#DEC0AE
#DEBAB4
#DEB2BC
#E1D596
#E1CD9E
#E1C6A5
#E1BEAD
#E1B7B4
#E1AFBC
#E1A6C5
#E5D196
#E5C89F
#E5BEA9
#E5B5B2
#E5ABBC
#E5A2C5
#E596D1
Colorpallet from #D1E596 to #E5D196 and to #96D1E5
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D4E296
#D2E298
#D0E29A
#CEE29C
#CCE29E
#CAE2A0
#C8E2A3
#D7DF96
#D3DF9A
#CFDF9E
#CBDFA2
#C7DFA6
#C3DFAA
#BEDFAF
#DBDB96
#D5DB9C
#CFDBA2
#C9DBA8
#C3DBAE
#BDDBB4
#B5DBBC
#DED896
#D6D89E
#CED8A6
#C6D8AE
#BDD8B7
#B5D8BF
#ABD8C9
#E1D596
#D7D5A0
#CDD5AA
#C3D5B4
#B9D5BE
#AFD5C8
#A2D5D5
#E5D196
#D8D1A3
#CCD1AF
#BFD1BC
#B2D1C9
#A6D1D5
#96D1E5
Colorpallet from #D1E596 to #E5D196 and to #96E5D1
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D4E296
#D2E297
#D0E399
#CEE39A
#CCE49C
#CAE49D
#C8E59F
#D7DF96
#D3E099
#CFE19C
#CBE29F
#C7E3A2
#C3E4A5
#BEE5A9
#DBDB96
#D5DD9A
#CFDE9F
#C9E0A3
#C3E1A8
#BDE3AC
#B5E5B2
#DED896
#D6DA9C
#CEDCA2
#C6DEA8
#BDE0AE
#B5E2B4
#ABE5BC
#E1D596
#D7D89E
#CDDAA5
#C3DDAD
#B9DFB4
#AFE2BC
#A2E5C5
#E5D196
#D8D49F
#CCD7A9
#BFDBB2
#B2DEBC
#A6E1C5
#96E5D1
Colorpallet from #D1E596 to #E596D1 and to #96D1E5
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D4D89F
#D2DAA0
#D0DBA0
#CEDDA1
#CCDEA2
#CAE0A2
#C8E2A3
#D7CCA9
#D3CFAA
#CFD2AB
#CBD5AC
#C7D8AD
#C3DBAE
#BEDFAF
#DBBFB2
#D5C3B4
#CFC8B5
#C9CCB7
#C3D1B8
#BDD5BA
#B5DBBC
#DEB2BC
#D6B8BE
#CEBEC0
#C6C4C2
#BDCAC4
#B5D0C6
#ABD8C9
#E1A6C5
#D7AEC8
#CDB5CA
#C3BDCD
#B9C4CF
#AFCCD2
#A2D5D5
#E596D1
#D89FD4
#CCA9D7
#BFB2DB
#B2BCDE
#A6C5E1
#96D1E5
Colorpallet from #D1E596 to #E596D1 and to #96E5D1
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D4D89F
#D2DA9F
#D0DC9F
#CEDE9F
#CCE09F
#CAE29F
#C8E59F
#D7CCA9
#D3D0A9
#CFD4A9
#CBD8A9
#C7DCA9
#C3E0A9
#BEE5A9
#DBBFB2
#D5C5B2
#CFCBB2
#C9D1B2
#C3D7B2
#BDDDB2
#B5E5B2
#DEB2BC
#D6BABC
#CEC2BC
#C6CABC
#BDD3BC
#B5DBBC
#ABE5BC
#E1A6C5
#D7B0C5
#CDBAC5
#C3C4C5
#B9CEC5
#AFD8C5
#A2E5C5
#E596D1
#D8A3D1
#CCAFD1
#BFBCD1
#B2C9D1
#A6D5D1
#96E5D1
Colorpallet from #D1E596 to #96D1E5 and to #96E5D1
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#D1E596
#C8E2A3
#C8E2A2
#C8E3A2
#C8E3A1
#C8E4A0
#C8E4A0
#C8E59F
#BEDFAF
#BEE0AE
#BEE1AD
#BEE2AC
#BEE3AB
#BEE4AA
#BEE5A9
#B5DBBC
#B5DDBA
#B5DEB9
#B5E0B7
#B5E1B6
#B5E3B4
#B5E5B2
#ABD8C9
#ABDAC7
#ABDCC5
#ABDEC3
#ABE0C1
#ABE2BF
#ABE5BC
#A2D5D5
#A2D8D2
#A2DAD0
#A2DDCD
#A2DFCB
#A2E2C8
#A2E5C5
#96D1E5
#96D4E2
#96D7DF
#96DBDB
#96DED8
#96E1D5
#96E5D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
