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 #C8D683 to #C883D6 and to #D6C883
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8C990
#C8CB8E
#C9CD8C
#C9CE8A
#C9D088
#CAD286
#CAD483
#C8BB9E
#C9BF9A
#C9C295
#CAC691
#CBCA8D
#CBCD88
#CCD283
#C8AEAB
#C9B3A5
#CAB99E
#CBBE98
#CCC391
#CEC88B
#CFCF83
#C8A1B8
#C9A8B0
#CBAFA7
#CCB69F
#CEBD96
#CFC48E
#D1CD83
#C894C5
#CA9DBA
#CCA6B0
#CDAEA5
#CFB79B
#D1C090
#D3CB83
#C883D6
#CA8EC9
#CC99BB
#CFA4AE
#D1AFA1
#D3BA94
#D6C883
Colorpallet from #C8D683 to #C883D6 and to #D683C8
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8C990
#C8C990
#C9C98F
#C9C98F
#C9C98F
#CAC98E
#CAC98E
#C8BB9E
#C9BB9D
#C9BB9C
#CABB9C
#CBBB9B
#CBBB9A
#CCBB99
#C8AEAB
#C9AEAA
#CAAEA9
#CBAEA8
#CCAEA7
#CEAEA5
#CFAEA4
#C8A1B8
#C9A1B7
#CBA1B5
#CCA1B4
#CEA1B2
#CFA1B1
#D1A1AF
#C894C5
#CA94C3
#CC94C1
#CD94C0
#CF94BE
#D194BC
#D394BA
#C883D6
#CA83D4
#CC83D2
#CF83CF
#D183CD
#D383CB
#D683C8
Colorpallet from #C8D683 to #C883D6 and to #83C8D6
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8C990
#C6CB90
#C4CD90
#C3CE90
#C1D090
#BFD290
#BDD490
#C8BB9E
#C4BF9E
#C1C29E
#BDC69E
#BACA9E
#B6CD9E
#B2D29E
#C8AEAB
#C3B3AB
#BDB9AB
#B8BEAB
#B3C3AB
#AEC8AB
#A7CFAB
#C8A1B8
#C1A8B8
#BAAFB8
#B3B6B8
#ACBDB8
#A5C4B8
#9CCDB8
#C894C5
#BF9DC5
#B6A6C5
#AEAEC5
#A5B7C5
#9CC0C5
#91CBC5
#C883D6
#BD8ED6
#B299D6
#A7A4D6
#9CAFD6
#91BAD6
#83C8D6
Colorpallet from #C8D683 to #C883D6 and to #83D6C8
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8C990
#C6CB90
#C4CD8F
#C3CF8F
#C1D18F
#BFD38E
#BDD68E
#C8BB9E
#C4BF9D
#C1C49C
#BDC89C
#BACC9B
#B6D19A
#B2D699
#C8AEAB
#C3B4AA
#BDBBA9
#B8C1A8
#B3C8A7
#AECEA5
#A7D6A4
#C8A1B8
#C1A9B7
#BAB2B5
#B3BAB4
#ACC3B2
#A5CBB1
#9CD6AF
#C894C5
#BF9FC3
#B6A9C1
#AEB4C0
#A5BEBE
#9CC9BC
#91D6BA
#C883D6
#BD90D4
#B29ED2
#A7ABCF
#9CB8CD
#91C5CB
#83D6C8
Colorpallet from #C8D683 to #D6C883 and to #D683C8
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#CAD483
#CAD285
#CAD087
#CACF88
#CACD8A
#CACB8C
#CAC98E
#CCD283
#CCCE87
#CCCB8A
#CCC78E
#CCC391
#CCC095
#CCBB99
#CFCF83
#CFCA88
#CFC48E
#CFBF93
#CFBA98
#CFB59D
#CFAEA4
#D1CD83
#D1C68A
#D1BF91
#D1B898
#D1B19F
#D1AAA6
#D1A1AF
#D3CB83
#D3C28C
#D3B995
#D3B19D
#D3A8A6
#D39FAF
#D394BA
#D6C883
#D6BD8E
#D6B299
#D6A7A4
#D69CAF
#D691BA
#D683C8
Colorpallet from #C8D683 to #D6C883 and to #83C8D6
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#CAD483
#C8D485
#C6D487
#C4D489
#C2D48B
#C0D48D
#BDD490
#CCD283
#C8D287
#C4D28C
#C0D290
#BBD294
#B7D299
#B2D29E
#CFCF83
#C9CF89
#C2CF90
#BCCF96
#B5CF9D
#AFCFA3
#A7CFAB
#D1CD83
#C9CD8B
#C0CD94
#B8CD9C
#AFCDA5
#A7CDAD
#9CCDB8
#D3CB83
#C8CB8E
#BECB98
#B3CBA3
#A9CBAD
#9ECBB8
#91CBC5
#D6C883
#C9C890
#BBC89E
#AEC8AB
#A1C8B8
#94C8C5
#83C8D6
Colorpallet from #C8D683 to #D6C883 and to #83D6C8
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#CAD483
#C8D485
#C6D587
#C4D588
#C2D58A
#C0D68C
#BDD68E
#CCD283
#C8D387
#C4D38A
#C0D48E
#BBD591
#B7D595
#B2D699
#CFCF83
#C9D088
#C2D18E
#BCD293
#B5D398
#AFD59D
#A7D6A4
#D1CD83
#C9CE8A
#C0D091
#B8D198
#AFD39F
#A7D4A6
#9CD6AF
#D3CB83
#C8CD8C
#BECF95
#B3D09D
#A9D2A6
#9ED4AF
#91D6BA
#D6C883
#C9CA8E
#BBCC99
#AECFA4
#A1D1AF
#94D3BA
#83D6C8
Colorpallet from #C8D683 to #D683C8 and to #83C8D6
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#CAC98E
#C8CB8E
#C6CD8F
#C4CE8F
#C2D08F
#C0D290
#BDD490
#CCBB99
#C8BF9A
#C4C29B
#C0C69B
#BBCA9C
#B7CD9D
#B2D29E
#CFAEA4
#C9B3A5
#C2B9A6
#BCBEA7
#B5C3A8
#AFC8AA
#A7CFAB
#D1A1AF
#C9A8B0
#C0AFB2
#B8B6B3
#AFBDB5
#A7C4B6
#9CCDB8
#D394BA
#C89DBC
#BEA6BE
#B3AEBF
#A9B7C1
#9EC0C3
#91CBC5
#D683C8
#C98ECA
#BB99CC
#AEA4CF
#A1AFD1
#94BAD3
#83C8D6
Colorpallet from #C8D683 to #D683C8 and to #83D6C8
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#CAC98E
#C8CB8E
#C6CD8E
#C4CF8E
#C2D18E
#C0D38E
#BDD68E
#CCBB99
#C8BF99
#C4C499
#C0C899
#BBCC99
#B7D199
#B2D699
#CFAEA4
#C9B4A4
#C2BBA4
#BCC1A4
#B5C8A4
#AFCEA4
#A7D6A4
#D1A1AF
#C9A9AF
#C0B2AF
#B8BAAF
#AFC3AF
#A7CBAF
#9CD6AF
#D394BA
#C89FBA
#BEA9BA
#B3B4BA
#A9BEBA
#9EC9BA
#91D6BA
#D683C8
#C990C8
#BB9EC8
#AEABC8
#A1B8C8
#94C5C8
#83D6C8
Colorpallet from #C8D683 to #83C8D6 and to #83D6C8
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#C8D683
#BDD490
#BDD490
#BDD58F
#BDD58F
#BDD58F
#BDD68E
#BDD68E
#B2D29E
#B2D39D
#B2D39C
#B2D49C
#B2D59B
#B2D59A
#B2D699
#A7CFAB
#A7D0AA
#A7D1A9
#A7D2A8
#A7D3A7
#A7D5A5
#A7D6A4
#9CCDB8
#9CCEB7
#9CD0B5
#9CD1B4
#9CD3B2
#9CD4B1
#9CD6AF
#91CBC5
#91CDC3
#91CFC1
#91D0C0
#91D2BE
#91D4BC
#91D6BA
#83C8D6
#83CAD4
#83CCD2
#83CFCF
#83D1CD
#83D3CB
#83D6C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
