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 #D588B0 to #D5B088 and to #88D5B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D58EAA
#D38FAB
#D190AC
#CF91AD
#CD92AE
#CB93AF
#C994B0
#D595A3
#D197A5
#CD99A7
#C99BA9
#C59DAB
#C19FAD
#BCA1B0
#D59B9D
#CF9EA0
#C9A1A3
#C3A4A6
#BDA7A9
#B7A9AC
#B0ADB0
#D5A296
#CDA69A
#C5A99E
#BDADA2
#B6B1A7
#AEB4AB
#A4B9B0
#D5A890
#CBAD95
#C1B29A
#B7B69F
#ADBBA4
#A3C0AA
#97C6B0
#D5B088
#C9B68E
#BCBC95
#B0C29B
#A4C8A2
#97CEA8
#88D5B0
Colorpallet from #D588B0 to #D5B088 and to #88B0D5
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D58EAA
#D38EAC
#D18EAE
#CF8EB0
#CD8EB2
#CB8EB4
#C98EB6
#D595A3
#D195A7
#CD95AB
#C995AF
#C595B3
#C195B7
#BC95BC
#D59B9D
#CF9BA3
#C99BA9
#C39BAF
#BD9BB5
#B79BBB
#B09BC2
#D5A296
#CDA29E
#C5A2A6
#BDA2AE
#B6A2B6
#AEA2BE
#A4A2C8
#D5A890
#CBA89A
#C1A8A4
#B7A8AE
#ADA8B8
#A3A8C2
#97A8CE
#D5B088
#C9B094
#BCB0A1
#B0B0AD
#A4B0B9
#97B0C6
#88B0D5
Colorpallet from #D588B0 to #D5B088 and to #B0D588
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D58EAA
#D48FAA
#D390AA
#D291AA
#D192AA
#D093AA
#CF94AA
#D595A3
#D397A3
#D199A3
#CF9BA3
#CD9DA3
#CB9FA3
#C9A1A3
#D59B9D
#D29E9D
#CFA19D
#CCA49D
#C9A79D
#C7A99D
#C3AD9D
#D5A296
#D1A696
#CDA996
#C9AD96
#C6B196
#C2B496
#BDB996
#D5A890
#D0AD90
#CBB290
#C7B690
#C2BB90
#BDC090
#B7C690
#D5B088
#CFB688
#C9BC88
#C3C288
#BDC888
#B7CE88
#B0D588
Colorpallet from #D588B0 to #D5B088 and to #B088D5
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D58EAA
#D48DAC
#D38CAE
#D28BB0
#D18AB2
#D089B4
#CF88B6
#D595A3
#D393A7
#D191AB
#CF8FAF
#CD8DB3
#CB8BB7
#C988BC
#D59B9D
#D298A3
#CF95A9
#CC92AF
#C98FB5
#C78CBB
#C388C2
#D5A296
#D19E9E
#CD9AA6
#C996AE
#C691B6
#C28DBE
#BD88C8
#D5A890
#D0A39A
#CB9EA4
#C799AE
#C294B8
#BD8EC2
#B788CE
#D5B088
#CFAA94
#C9A3A1
#C39DAD
#BD96B9
#B790C6
#B088D5
Colorpallet from #D588B0 to #88D5B0 and to #88B0D5
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#C994B0
#C993B1
#C992B2
#C991B3
#C990B4
#C98FB5
#C98EB6
#BCA1B0
#BC9FB2
#BC9DB4
#BC9BB6
#BC99B8
#BC97BA
#BC95BC
#B0ADB0
#B0AAB3
#B0A7B6
#B0A4B9
#B0A1BC
#B09FBE
#B09BC2
#A4B9B0
#A4B5B4
#A4B2B8
#A4AEBC
#A4AABF
#A4A7C3
#A4A2C8
#97C6B0
#97C1B5
#97BCBA
#97B8BE
#97B3C3
#97AEC8
#97A8CE
#88D5B0
#88CFB6
#88C9BC
#88C3C2
#88BDC8
#88B7CE
#88B0D5
Colorpallet from #D588B0 to #88D5B0 and to #B0D588
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#C994B0
#CA94AF
#CB94AE
#CC94AD
#CD94AC
#CE94AB
#CF94AA
#BCA1B0
#BEA1AE
#C0A1AC
#C2A1AA
#C4A1A8
#C6A1A6
#C9A1A3
#B0ADB0
#B3ADAD
#B6ADAA
#B9ADA7
#BCADA4
#BFADA1
#C3AD9D
#A4B9B0
#A8B9AC
#ACB9A8
#B0B9A4
#B4B99F
#B8B99B
#BDB996
#97C6B0
#9CC6AB
#A1C6A6
#A6C6A1
#ABC69C
#B1C696
#B7C690
#88D5B0
#8ED5AA
#95D5A3
#9BD59D
#A2D596
#A8D590
#B0D588
Colorpallet from #D588B0 to #88D5B0 and to #B088D5
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#C994B0
#CA92B1
#CB90B2
#CC8EB3
#CD8CB4
#CE8AB5
#CF88B6
#BCA1B0
#BE9DB2
#C099B4
#C295B6
#C491B8
#C68DBA
#C988BC
#B0ADB0
#B3A7B3
#B6A1B6
#B99BB9
#BC95BC
#BF8FBE
#C388C2
#A4B9B0
#A8B1B4
#ACA9B8
#B0A1BC
#B49ABF
#B892C3
#BD88C8
#97C6B0
#9CBCB5
#A1B2BA
#A6A8BE
#AB9EC3
#B194C8
#B788CE
#88D5B0
#8EC9B6
#95BCBC
#9BB0C2
#A2A4C8
#A897CE
#B088D5
Colorpallet from #D588B0 to #88B0D5 and to #B0D588
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#C98EB6
#CA8FB4
#CB90B2
#CC91B0
#CD92AE
#CE93AC
#CF94AA
#BC95BC
#BE97B8
#C099B4
#C29BB0
#C49DAC
#C69FA8
#C9A1A3
#B09BC2
#B39EBC
#B6A1B6
#B9A4B0
#BCA7AA
#BFA9A4
#C3AD9D
#A4A2C8
#A8A6C0
#ACA9B8
#B0ADB0
#B4B1A8
#B8B4A0
#BDB996
#97A8CE
#9CADC4
#A1B2BA
#A6B6B0
#ABBBA6
#B1C09C
#B7C690
#88B0D5
#8EB6C9
#95BCBC
#9BC2B0
#A2C8A4
#A8CE97
#B0D588
Colorpallet from #D588B0 to #88B0D5 and to #B088D5
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#C98EB6
#CA8DB6
#CB8CB6
#CC8BB6
#CD8AB6
#CE89B6
#CF88B6
#BC95BC
#BE93BC
#C091BC
#C28FBC
#C48DBC
#C68BBC
#C988BC
#B09BC2
#B398C2
#B695C2
#B992C2
#BC8FC2
#BF8CC2
#C388C2
#A4A2C8
#A89EC8
#AC9AC8
#B096C8
#B491C8
#B88DC8
#BD88C8
#97A8CE
#9CA3CE
#A19ECE
#A699CE
#AB94CE
#B18ECE
#B788CE
#88B0D5
#8EAAD5
#95A3D5
#9B9DD5
#A296D5
#A890D5
#B088D5
Colorpallet from #D588B0 to #B0D588 and to #B088D5
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#D588B0
#CF94AA
#CF92AC
#CF90AE
#CF8EB0
#CF8CB2
#CF8AB4
#CF88B6
#C9A1A3
#C99DA7
#C999AB
#C995AF
#C991B3
#C98DB7
#C988BC
#C3AD9D
#C3A7A3
#C3A1A9
#C39BAF
#C395B5
#C38FBB
#C388C2
#BDB996
#BDB19E
#BDA9A6
#BDA1AE
#BD9AB6
#BD92BE
#BD88C8
#B7C690
#B7BC9A
#B7B2A4
#B7A8AE
#B79EB8
#B794C2
#B788CE
#B0D588
#B0C994
#B0BCA1
#B0B0AD
#B0A4B9
#B097C6
#B088D5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
