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 #CDD486 to #CD86D4 and to #D4CD86
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDC892
#CDCA90
#CDCC8E
#CDCD8C
#CECF8A
#CED188
#CED386
#CDBB9F
#CDBF9B
#CEC297
#CEC693
#CECA8F
#CFCD8B
#CFD286
#CDAFAB
#CDB4A5
#CEBA9F
#CEBF99
#CFC593
#CFCA8D
#D0D186
#CDA2B8
#CEA9B0
#CEB1A8
#CFB8A0
#D0BF98
#D0C790
#D1D086
#CD96C4
#CE9FBA
#CFA8B0
#D0B1A6
#D1BA9C
#D2C392
#D3CE86
#CD86D4
#CE91C8
#CF9DBB
#D0A8AF
#D1B3A2
#D3BF96
#D4CD86
Colorpallet from #CDD486 to #CD86D4 and to #D486CD
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDC892
#CDC892
#CDC892
#CDC892
#CEC891
#CEC891
#CEC891
#CDBB9F
#CDBB9F
#CEBB9E
#CEBB9E
#CEBB9E
#CFBB9D
#CFBB9D
#CDAFAB
#CDAFAB
#CEAFAA
#CEAFAA
#CFAFA9
#CFAFA9
#D0AFA8
#CDA2B8
#CEA2B7
#CEA2B6
#CFA2B6
#D0A2B5
#D0A2B4
#D1A2B3
#CD96C4
#CE96C3
#CF96C2
#D096C2
#D196C1
#D296C0
#D396BF
#CD86D4
#CE86D3
#CF86D2
#D086D1
#D186D0
#D386CE
#D486CD
Colorpallet from #CDD486 to #CD86D4 and to #86CDD4
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDC892
#CBCA92
#C9CC92
#C8CD92
#C6CF92
#C4D192
#C2D392
#CDBB9F
#C9BF9F
#C6C29F
#C2C69F
#BECA9F
#BBCD9F
#B6D29F
#CDAFAB
#C8B4AB
#C2BAAB
#BDBFAB
#B7C5AB
#B2CAAB
#ABD1AB
#CDA2B8
#C6A9B8
#BFB1B8
#B7B8B8
#B0BFB8
#A9C7B8
#A0D0B8
#CD96C4
#C49FC4
#BBA8C4
#B2B1C4
#A9BAC4
#9FC3C4
#94CEC4
#CD86D4
#C291D4
#B69DD4
#ABA8D4
#A0B3D4
#94BFD4
#86CDD4
Colorpallet from #CDD486 to #CD86D4 and to #86D4CD
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDC892
#CBCA92
#C9CC92
#C8CE92
#C6D091
#C4D291
#C2D491
#CDBB9F
#C9BF9F
#C6C39E
#C2C79E
#BECB9E
#BBCF9D
#B6D49D
#CDAFAB
#C8B5AB
#C2BBAA
#BDC1AA
#B7C7A9
#B2CDA9
#ABD4A8
#CDA2B8
#C6AAB7
#BFB2B6
#B7BAB6
#B0C2B5
#A9CAB4
#A0D4B3
#CD96C4
#C4A0C3
#BBAAC2
#B2B4C2
#A9BEC1
#9FC8C0
#94D4BF
#CD86D4
#C292D3
#B69FD2
#ABABD1
#A0B8D0
#94C4CE
#86D4CD
Colorpallet from #CDD486 to #D4CD86 and to #D486CD
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CED386
#CED188
#CECF8A
#CECE8B
#CECC8D
#CECA8F
#CEC891
#CFD286
#CFCE8A
#CFCB8D
#CFC791
#CFC395
#CFC098
#CFBB9D
#D0D186
#D0CC8B
#D0C691
#D0C196
#D0BB9C
#D0B6A1
#D0AFA8
#D1D086
#D1C98D
#D1C194
#D1BA9C
#D1B3A3
#D1ABAA
#D1A2B3
#D3CE86
#D3C58F
#D3BC98
#D3B3A1
#D3AAAA
#D3A1B4
#D396BF
#D4CD86
#D4C291
#D4B69D
#D4ABA8
#D4A0B3
#D494BF
#D486CD
Colorpallet from #CDD486 to #D4CD86 and to #86CDD4
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CED386
#CCD388
#CAD38A
#C8D38C
#C6D38E
#C4D390
#C2D392
#CFD286
#CBD28A
#C7D28E
#C3D292
#BFD296
#BBD29A
#B6D29F
#D0D186
#CAD18C
#C4D192
#BED198
#B8D19E
#B2D1A4
#ABD1AB
#D1D086
#C9D08E
#C1D096
#B9D09E
#B2D0A6
#AAD0AE
#A0D0B8
#D3CE86
#C9CE90
#BFCE9A
#B5CEA4
#ABCEAE
#A1CEB8
#94CEC4
#D4CD86
#C8CD92
#BBCD9F
#AFCDAB
#A2CDB8
#96CDC4
#86CDD4
Colorpallet from #CDD486 to #D4CD86 and to #86D4CD
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CED386
#CCD388
#CAD38A
#C8D38B
#C6D48D
#C4D48F
#C2D491
#CFD286
#CBD28A
#C7D38D
#C3D391
#BFD395
#BBD498
#B6D49D
#D0D186
#CAD18B
#C4D291
#BED296
#B8D39C
#B2D3A1
#ABD4A8
#D1D086
#C9D18D
#C1D194
#B9D29C
#B2D3A3
#AAD3AA
#A0D4B3
#D3CE86
#C9CF8F
#BFD098
#B5D1A1
#ABD2AA
#A1D3B4
#94D4BF
#D4CD86
#C8CE91
#BBCF9D
#AFD0A8
#A2D1B3
#96D3BF
#86D4CD
Colorpallet from #CDD486 to #D486CD and to #86CDD4
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CEC891
#CCCA91
#CACC91
#C8CD91
#C6CF92
#C4D192
#C2D392
#CFBB9D
#CBBF9D
#C7C29E
#C3C69E
#BFCA9E
#BBCD9F
#B6D29F
#D0AFA8
#CAB4A8
#C4BAA9
#BEBFA9
#B8C5AA
#B2CAAA
#ABD1AB
#D1A2B3
#C9A9B4
#C1B1B5
#B9B8B5
#B2BFB6
#AAC7B7
#A0D0B8
#D396BF
#C99FC0
#BFA8C1
#B5B1C1
#ABBAC2
#A1C3C3
#94CEC4
#D486CD
#C891CE
#BB9DCF
#AFA8D0
#A2B3D1
#96BFD3
#86CDD4
Colorpallet from #CDD486 to #D486CD and to #86D4CD
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CEC891
#CCCA91
#CACC91
#C8CE91
#C6D091
#C4D291
#C2D491
#CFBB9D
#CBBF9D
#C7C39D
#C3C79D
#BFCB9D
#BBCF9D
#B6D49D
#D0AFA8
#CAB5A8
#C4BBA8
#BEC1A8
#B8C7A8
#B2CDA8
#ABD4A8
#D1A2B3
#C9AAB3
#C1B2B3
#B9BAB3
#B2C2B3
#AACAB3
#A0D4B3
#D396BF
#C9A0BF
#BFAABF
#B5B4BF
#ABBEBF
#A1C8BF
#94D4BF
#D486CD
#C892CD
#BB9FCD
#AFABCD
#A2B8CD
#96C4CD
#86D4CD
Colorpallet from #CDD486 to #86CDD4 and to #86D4CD
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#CDD486
#C2D392
#C2D392
#C2D392
#C2D392
#C2D491
#C2D491
#C2D491
#B6D29F
#B6D29F
#B6D39E
#B6D39E
#B6D39E
#B6D49D
#B6D49D
#ABD1AB
#ABD1AB
#ABD2AA
#ABD2AA
#ABD3A9
#ABD3A9
#ABD4A8
#A0D0B8
#A0D1B7
#A0D1B6
#A0D2B6
#A0D3B5
#A0D3B4
#A0D4B3
#94CEC4
#94CFC3
#94D0C2
#94D1C2
#94D2C1
#94D3C0
#94D4BF
#86CDD4
#86CED3
#86CFD2
#86D0D1
#86D1D0
#86D3CE
#86D4CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
