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 #D188C4 to #D1C488 and to #88D1C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D192BA
#CF92BC
#CD93BD
#CB93BF
#C993C0
#C794C2
#C594C4
#D19BB1
#CD9CB4
#CA9CB7
#C69DBA
#C29EBD
#BF9EC0
#BA9FC4
#D1A5A7
#CBA6AC
#C6A7B0
#C0A8B5
#BBA9BA
#B5AABE
#AEABC4
#D1AE9E
#C9AFA4
#C2B1AA
#BAB2B0
#B3B4B6
#ABB5BC
#A2B7C4
#D1B894
#C8BA9C
#BEBBA3
#B5BDAB
#ACBEB3
#A3C0BA
#97C2C4
#D1C488
#C5C692
#BAC89B
#AECAA5
#A2CCAE
#97CEB8
#88D1C4
Colorpallet from #D188C4 to #D1C488 and to #88C4D1
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D192BA
#CF92BC
#CD92BE
#CB92C0
#C992C2
#C792C4
#C592C6
#D19BB1
#CD9BB5
#CA9BB8
#C69BBC
#C29BC0
#BF9BC3
#BA9BC8
#D1A5A7
#CBA5AD
#C6A5B2
#C0A5B8
#BBA5BD
#B5A5C3
#AEA5CA
#D1AE9E
#C9AEA5
#C2AEAD
#BAAEB4
#B3AEBB
#ABAEC3
#A2AECC
#D1B894
#C8B89D
#BEB8A7
#B5B8B0
#ACB8B9
#A3B8C2
#97B8CE
#D1C488
#C5C494
#BAC49F
#AEC4AB
#A2C4B7
#97C4C2
#88C4D1
Colorpallet from #D188C4 to #D1C488 and to #C4D188
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D192BA
#D192BA
#D093BA
#D093BA
#D093BA
#CF94BA
#CF94BA
#D19BB1
#D09CB1
#D09CB1
#CF9DB1
#CE9EB1
#CE9EB1
#CD9FB1
#D1A5A7
#D0A6A7
#CFA7A7
#CEA8A7
#CDA9A7
#CCAAA7
#CBABA7
#D1AE9E
#D0AF9E
#CEB19E
#CDB29E
#CCB49E
#CBB59E
#C9B79E
#D1B894
#CFBA94
#CEBB94
#CCBD94
#CBBE94
#C9C094
#C7C294
#D1C488
#CFC688
#CDC888
#CBCA88
#C9CC88
#C7CE88
#C4D188
Colorpallet from #D188C4 to #D1C488 and to #C488D1
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D192BA
#D190BC
#D08FBE
#D08DC0
#D08CC2
#CF8AC4
#CF88C6
#D19BB1
#D098B5
#D095B8
#CF92BC
#CE8FC0
#CE8CC3
#CD88C8
#D1A5A7
#D0A0AD
#CF9CB2
#CE97B8
#CD92BD
#CC8EC3
#CB88CA
#D1AE9E
#D0A8A5
#CEA2AD
#CD9CB4
#CC96BB
#CB90C3
#C988CC
#D1B894
#CFB09D
#CEA9A7
#CCA1B0
#CB99B9
#C992C2
#C788CE
#D1C488
#CFBA94
#CDB19F
#CBA7AB
#C99EB7
#C794C2
#C488D1
Colorpallet from #D188C4 to #88D1C4 and to #88C4D1
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#C594C4
#C594C4
#C593C5
#C593C5
#C593C5
#C592C6
#C592C6
#BA9FC4
#BA9EC5
#BA9EC5
#BA9DC6
#BA9CC7
#BA9CC7
#BA9BC8
#AEABC4
#AEAAC5
#AEA9C6
#AEA8C7
#AEA7C8
#AEA6C9
#AEA5CA
#A2B7C4
#A2B6C5
#A2B4C7
#A2B3C8
#A2B1C9
#A2B0CA
#A2AECC
#97C2C4
#97C0C6
#97BFC7
#97BDC9
#97BCCA
#97BACC
#97B8CE
#88D1C4
#88CFC6
#88CDC8
#88CBCA
#88C9CC
#88C7CE
#88C4D1
Colorpallet from #D188C4 to #88D1C4 and to #C4D188
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#C594C4
#C794C2
#C894C1
#CA94BF
#CB94BE
#CD94BC
#CF94BA
#BA9FC4
#BD9FC1
#C09FBE
#C39FBB
#C69FB8
#C99FB5
#CD9FB1
#AEABC4
#B3ABBF
#B7ABBB
#BCABB6
#C1ABB1
#C5ABAD
#CBABA7
#A2B7C4
#A8B7BE
#AEB7B8
#B5B7B2
#BBB7AC
#C1B7A6
#C9B79E
#97C2C4
#9FC2BC
#A6C2B5
#AEC2AD
#B6C2A5
#BDC29E
#C7C294
#88D1C4
#92D1BA
#9BD1B1
#A5D1A7
#AED19E
#B8D194
#C4D188
Colorpallet from #D188C4 to #88D1C4 and to #C488D1
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#C594C4
#C792C4
#C890C5
#CA8EC5
#CB8CC5
#CD8AC6
#CF88C6
#BA9FC4
#BD9BC5
#C098C5
#C394C6
#C690C7
#C98DC7
#CD88C8
#AEABC4
#B3A5C5
#B7A0C6
#BC9AC7
#C195C8
#C58FC9
#CB88CA
#A2B7C4
#A8AFC5
#AEA8C7
#B5A0C8
#BB99C9
#C191CA
#C988CC
#97C2C4
#9FB9C6
#A6AFC7
#AEA6C9
#B69DCA
#BD94CC
#C788CE
#88D1C4
#92C5C6
#9BBAC8
#A5AECA
#AEA2CC
#B897CE
#C488D1
Colorpallet from #D188C4 to #88C4D1 and to #C4D188
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#C592C6
#C792C4
#C893C2
#CA93C0
#CB93BE
#CD94BC
#CF94BA
#BA9BC8
#BD9CC4
#C09CC1
#C39DBD
#C69EB9
#C99EB6
#CD9FB1
#AEA5CA
#B3A6C4
#B7A7BF
#BCA8B9
#C1A9B4
#C5AAAE
#CBABA7
#A2AECC
#A8AFC5
#AEB1BD
#B5B2B6
#BBB4AF
#C1B5A7
#C9B79E
#97B8CE
#9FBAC5
#A6BBBB
#AEBDB2
#B6BEA9
#BDC0A0
#C7C294
#88C4D1
#92C6C5
#9BC8BA
#A5CAAE
#AECCA2
#B8CE97
#C4D188
Colorpallet from #D188C4 to #88C4D1 and to #C488D1
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#C592C6
#C790C6
#C88FC6
#CA8DC6
#CB8CC6
#CD8AC6
#CF88C6
#BA9BC8
#BD98C8
#C095C8
#C392C8
#C68FC8
#C98CC8
#CD88C8
#AEA5CA
#B3A0CA
#B79CCA
#BC97CA
#C192CA
#C58ECA
#CB88CA
#A2AECC
#A8A8CC
#AEA2CC
#B59CCC
#BB96CC
#C190CC
#C988CC
#97B8CE
#9FB0CE
#A6A9CE
#AEA1CE
#B699CE
#BD92CE
#C788CE
#88C4D1
#92BAD1
#9BB1D1
#A5A7D1
#AE9ED1
#B894D1
#C488D1
Colorpallet from #D188C4 to #C4D188 and to #C488D1
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#D188C4
#CF94BA
#CF92BC
#CF90BE
#CF8EC0
#CF8CC2
#CF8AC4
#CF88C6
#CD9FB1
#CD9BB5
#CD98B8
#CD94BC
#CD90C0
#CD8DC3
#CD88C8
#CBABA7
#CBA5AD
#CBA0B2
#CB9AB8
#CB95BD
#CB8FC3
#CB88CA
#C9B79E
#C9AFA5
#C9A8AD
#C9A0B4
#C999BB
#C991C3
#C988CC
#C7C294
#C7B99D
#C7AFA7
#C7A6B0
#C79DB9
#C794C2
#C788CE
#C4D188
#C4C594
#C4BA9F
#C4AEAB
#C4A2B7
#C497C2
#C488D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
