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 #D3CF68 to #D368CF and to #CFD368
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3BF78
#D3C275
#D3C473
#D3C770
#D2CA6E
#D2CD6B
#D2D068
#D3AE89
#D3B384
#D3B97E
#D3BE79
#D2C474
#D2C96F
#D2D068
#D39E99
#D3A691
#D2AE89
#D2B681
#D2BF7A
#D1C772
#D1D168
#D38DAA
#D3989F
#D2A395
#D2AE8A
#D1B980
#D1C475
#D0D268
#D37DBA
#D38BAD
#D298A0
#D2A693
#D1B386
#D1C178
#D0D268
#D368CF
#D279BF
#D28AAE
#D19B9E
#D0AC8D
#D0BE7D
#CFD368
Colorpallet from #D3CF68 to #D368CF and to #CF68D3
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3BF78
#D3BF78
#D3BF78
#D3BF78
#D2BF79
#D2BF79
#D2BF79
#D3AE89
#D3AE89
#D3AE89
#D3AE89
#D2AE8A
#D2AE8A
#D2AE8A
#D39E99
#D39E99
#D29E9A
#D29E9A
#D29E9A
#D19E9B
#D19E9B
#D38DAA
#D38DAA
#D28DAB
#D28DAB
#D18DAB
#D18DAC
#D08DAC
#D37DBA
#D37DBB
#D27DBB
#D27DBC
#D17DBD
#D17DBD
#D07DBE
#D368CF
#D268D0
#D268D0
#D168D1
#D068D2
#D068D2
#CF68D3
Colorpallet from #D3CF68 to #D368CF and to #68D3CF
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3BF78
#D0C278
#CEC478
#CBC778
#C8CA78
#C5CD78
#C2D078
#D3AE89
#CEB389
#C8B989
#C3BE89
#BDC489
#B8C989
#B1D089
#D39E99
#CBA699
#C3AE99
#BBB699
#B2BF99
#AAC799
#A0D199
#D38DAA
#C898AA
#BDA3AA
#B2AEAA
#A7B9AA
#9DC4AA
#8FD2AA
#D37DBA
#C58BBA
#B798BA
#AAA6BA
#9CB3BA
#8EC1BA
#7DD2BA
#D368CF
#C279CF
#B18ACF
#A09BCF
#8FACCF
#7DBECF
#68D3CF
Colorpallet from #D3CF68 to #D368CF and to #68CFD3
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3BF78
#D0C278
#CEC478
#CBC778
#C8C979
#C5CC79
#C2CF79
#D3AE89
#CEB389
#C8B989
#C3BE89
#BDC38A
#B8C88A
#B1CF8A
#D39E99
#CBA699
#C3AE9A
#BBB69A
#B2BD9A
#AAC59B
#A0CF9B
#D38DAA
#C898AA
#BDA2AB
#B2ADAB
#A7B7AB
#9DC2AC
#8FCFAC
#D37DBA
#C58ABB
#B797BB
#AAA4BC
#9CB1BD
#8EBFBD
#7DCFBE
#D368CF
#C278D0
#B189D0
#A099D1
#8FAAD2
#7DBAD2
#68CFD3
Colorpallet from #D3CF68 to #CFD368 and to #CF68D3
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D2D068
#D2CD6B
#D2CB6D
#D2C870
#D2C573
#D2C276
#D2BF79
#D2D068
#D2CB6D
#D2C573
#D2C078
#D2BA7E
#D2B583
#D2AE8A
#D1D168
#D1C970
#D1C178
#D1B980
#D1B089
#D1A891
#D19E9B
#D0D268
#D0C773
#D0BC7E
#D0B189
#D0A694
#D09B9E
#D08DAC
#D0D268
#D0C476
#D0B784
#D0A991
#D09C9F
#D08EAD
#D07DBE
#CFD368
#CFC279
#CFB18A
#CFA09B
#CF8FAC
#CF7DBE
#CF68D3
Colorpallet from #D3CF68 to #CFD368 and to #68D3CF
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D2D068
#CFD06B
#CDD06D
#CAD070
#C8D072
#C5D075
#C2D078
#D2D068
#CDD06D
#C7D073
#C2D078
#BDD07D
#B8D082
#B1D089
#D1D168
#C9D170
#C1D178
#B9D180
#B2D187
#AAD18F
#A0D199
#D0D268
#C6D273
#BBD27D
#B1D288
#A6D292
#9CD29D
#8FD2AA
#D0D268
#C3D275
#B5D282
#A8D28F
#9BD29C
#8ED2AA
#7DD2BA
#CFD368
#BFD378
#AED389
#9ED399
#8DD3AA
#7DD3BA
#68D3CF
Colorpallet from #D3CF68 to #CFD368 and to #68CFD3
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D2D068
#CFD06B
#CDD06D
#CAD070
#C8CF73
#C5CF76
#C2CF79
#D2D068
#CDD06D
#C7D073
#C2D078
#BDCF7E
#B8CF83
#B1CF8A
#D1D168
#C9D170
#C1D078
#B9D080
#B2D089
#AACF91
#A0CF9B
#D0D268
#C6D273
#BBD17E
#B1D189
#A6D094
#9CD09E
#8FCFAC
#D0D268
#C3D276
#B5D184
#A8D191
#9BD09F
#8ED0AD
#7DCFBE
#CFD368
#BFD279
#AED28A
#9ED19B
#8DD0AC
#7DD0BE
#68CFD3
Colorpallet from #D3CF68 to #CF68D3 and to #68D3CF
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D2BF79
#CFC279
#CDC479
#CAC779
#C8CA78
#C5CD78
#C2D078
#D2AE8A
#CDB38A
#C7B98A
#C2BE8A
#BDC489
#B8C989
#B1D089
#D19E9B
#C9A69B
#C1AE9A
#B9B69A
#B2BF9A
#AAC799
#A0D199
#D08DAC
#C698AC
#BBA3AB
#B1AEAB
#A6B9AB
#9CC4AA
#8FD2AA
#D07DBE
#C38BBD
#B598BD
#A8A6BC
#9BB3BB
#8EC1BB
#7DD2BA
#CF68D3
#BF79D2
#AE8AD2
#9E9BD1
#8DACD0
#7DBED0
#68D3CF
Colorpallet from #D3CF68 to #CF68D3 and to #68CFD3
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D2BF79
#CFC279
#CDC479
#CAC779
#C8C979
#C5CC79
#C2CF79
#D2AE8A
#CDB38A
#C7B98A
#C2BE8A
#BDC38A
#B8C88A
#B1CF8A
#D19E9B
#C9A69B
#C1AE9B
#B9B69B
#B2BD9B
#AAC59B
#A0CF9B
#D08DAC
#C698AC
#BBA2AC
#B1ADAC
#A6B7AC
#9CC2AC
#8FCFAC
#D07DBE
#C38ABE
#B597BE
#A8A4BE
#9BB1BE
#8EBFBE
#7DCFBE
#CF68D3
#BF78D3
#AE89D3
#9E99D3
#8DAAD3
#7DBAD3
#68CFD3
Colorpallet from #D3CF68 to #68D3CF and to #68CFD3
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#D3CF68
#C2D078
#C2D078
#C2D078
#C2D078
#C2CF79
#C2CF79
#C2CF79
#B1D089
#B1D089
#B1D089
#B1D089
#B1CF8A
#B1CF8A
#B1CF8A
#A0D199
#A0D199
#A0D09A
#A0D09A
#A0D09A
#A0CF9B
#A0CF9B
#8FD2AA
#8FD2AA
#8FD1AB
#8FD1AB
#8FD0AB
#8FD0AC
#8FCFAC
#7DD2BA
#7DD2BB
#7DD1BB
#7DD1BC
#7DD0BD
#7DD0BD
#7DCFBE
#68D3CF
#68D2D0
#68D2D0
#68D1D1
#68D0D2
#68D0D2
#68CFD3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
