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 #C1D68A to #C18AD6 and to #D6C18A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1CA96
#C1CB94
#C2CD92
#C2CE90
#C3D08E
#C3D18C
#C4D38A
#C1BEA2
#C2C19E
#C3C39A
#C4C696
#C5C993
#C7CC8F
#C8CF8A
#C1B2AE
#C3B6A8
#C4BAA2
#C6BE9D
#C7C397
#C9C791
#CBCC8A
#C1A5BB
#C3ABB3
#C5B1AB
#C7B6A3
#C9BC9C
#CBC294
#CEC98A
#C199C7
#C4A0BD
#C6A7B3
#C9AEAA
#CCB5A0
#CFBC96
#D2C58A
#C18AD6
#C493CA
#C89CBE
#CBA4B2
#CEADA5
#D2B699
#D6C18A
Colorpallet from #C1D68A to #C18AD6 and to #D68AC1
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1CA96
#C1CA96
#C2CA95
#C2CA95
#C3CA94
#C3CA94
#C4CA93
#C1BEA2
#C2BEA1
#C3BEA0
#C4BE9F
#C5BE9E
#C7BE9D
#C8BE9C
#C1B2AE
#C3B2AC
#C4B2AB
#C6B2A9
#C7B2A8
#C9B2A6
#CBB2A4
#C1A5BB
#C3A5B9
#C5A5B7
#C7A5B4
#C9A5B2
#CBA5B0
#CEA5AD
#C199C7
#C499C4
#C699C2
#C999BF
#CC99BC
#CF99B9
#D299B6
#C18AD6
#C48AD3
#C88ACF
#CB8ACC
#CE8AC9
#D28AC5
#D68AC1
Colorpallet from #C1D68A to #C18AD6 and to #8AC1D6
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1CA96
#C0CB96
#BECD96
#BDCE96
#BBD096
#BAD196
#B8D396
#C1BEA2
#BEC1A2
#BBC3A2
#B8C6A2
#B5C9A2
#B3CCA2
#AFCFA2
#C1B2AE
#BDB6AE
#B9BAAE
#B5BEAE
#B0C3AE
#ACC7AE
#A7CCAE
#C1A5BB
#BBABBB
#B6B1BB
#B0B6BB
#ABBCBB
#A5C2BB
#9EC9BB
#C199C7
#BAA0C7
#B3A7C7
#ACAEC7
#A5B5C7
#9EBCC7
#95C5C7
#C18AD6
#B893D6
#AF9CD6
#A7A4D6
#9EADD6
#95B6D6
#8AC1D6
Colorpallet from #C1D68A to #C18AD6 and to #8AD6C1
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1CA96
#C0CC96
#BECE95
#BDD095
#BBD294
#BAD494
#B8D693
#C1BEA2
#BEC2A1
#BBC6A0
#B8CA9F
#B5CD9E
#B3D19D
#AFD69C
#C1B2AE
#BDB8AC
#B9BEAB
#B5C3A9
#B0C9A8
#ACCFA6
#A7D6A4
#C1A5BB
#BBADB9
#B6B5B7
#B0BDB4
#ABC4B2
#A5CCB0
#9ED6AD
#C199C7
#BAA3C4
#B3ADC2
#ACB6BF
#A5C0BC
#9ECAB9
#95D6B6
#C18AD6
#B896D3
#AFA2CF
#A7AECC
#9EBBC9
#95C7C5
#8AD6C1
Colorpallet from #C1D68A to #D6C18A and to #D68AC1
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C4D38A
#C4D28B
#C4D08D
#C4CF8E
#C4CD90
#C4CC91
#C4CA93
#C8CF8A
#C8CC8D
#C8CA90
#C8C793
#C8C496
#C8C198
#C8BE9C
#CBCC8A
#CBC88E
#CBC492
#CBC096
#CBBB9B
#CBB79F
#CBB2A4
#CEC98A
#CEC390
#CEBD95
#CEB89B
#CEB2A0
#CEACA6
#CEA5AD
#D2C58A
#D2BE91
#D2B798
#D2B09F
#D2A9A6
#D2A2AD
#D299B6
#D6C18A
#D6B893
#D6AF9C
#D6A7A4
#D69EAD
#D695B6
#D68AC1
Colorpallet from #C1D68A to #D6C18A and to #8AC1D6
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C4D38A
#C2D38C
#C0D38E
#BED390
#BCD392
#BAD394
#B8D396
#C8CF8A
#C4CF8E
#C0CF92
#BCCF96
#B8CF99
#B4CF9D
#AFCFA2
#CBCC8A
#C5CC90
#BFCC96
#BACC9B
#B4CCA1
#AECCA7
#A7CCAE
#CEC98A
#C6C992
#BFC99A
#B7C9A2
#AFC9A9
#A8C9B1
#9EC9BB
#D2C58A
#C8C594
#BEC59E
#B5C5A7
#ABC5B1
#A1C5BB
#95C5C7
#D6C18A
#CAC196
#BEC1A2
#B2C1AE
#A5C1BB
#99C1C7
#8AC1D6
Colorpallet from #C1D68A to #D6C18A and to #8AD6C1
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C4D38A
#C2D38B
#C0D48D
#BED48E
#BCD590
#BAD591
#B8D693
#C8CF8A
#C4D08D
#C0D190
#BCD293
#B8D396
#B4D598
#AFD69C
#CBCC8A
#C5CE8E
#BFCF92
#BAD196
#B4D29B
#AED49F
#A7D6A4
#CEC98A
#C6CB90
#BFCD95
#B7CF9B
#AFD1A0
#A8D3A6
#9ED6AD
#D2C58A
#C8C891
#BECA98
#B5CD9F
#ABD0A6
#A1D3AD
#95D6B6
#D6C18A
#CAC493
#BEC89C
#B2CBA4
#A5CEAD
#99D2B6
#8AD6C1
Colorpallet from #C1D68A to #D68AC1 and to #8AC1D6
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C4CA93
#C2CB93
#C0CD94
#BECE94
#BCD095
#BAD195
#B8D396
#C8BE9C
#C4C19D
#C0C39E
#BCC69F
#B8C9A0
#B4CCA1
#AFCFA2
#CBB2A4
#C5B6A6
#BFBAA7
#BABEA9
#B4C3AA
#AEC7AC
#A7CCAE
#CEA5AD
#C6ABAF
#BFB1B1
#B7B6B4
#AFBCB6
#A8C2B8
#9EC9BB
#D299B6
#C8A0B9
#BEA7BB
#B5AEBE
#ABB5C1
#A1BCC4
#95C5C7
#D68AC1
#CA93C4
#BE9CC8
#B2A4CB
#A5ADCE
#99B6D2
#8AC1D6
Colorpallet from #C1D68A to #D68AC1 and to #8AD6C1
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C4CA93
#C2CC93
#C0CE93
#BED093
#BCD293
#BAD493
#B8D693
#C8BE9C
#C4C29C
#C0C69C
#BCCA9C
#B8CD9C
#B4D19C
#AFD69C
#CBB2A4
#C5B8A4
#BFBEA4
#BAC3A4
#B4C9A4
#AECFA4
#A7D6A4
#CEA5AD
#C6ADAD
#BFB5AD
#B7BDAD
#AFC4AD
#A8CCAD
#9ED6AD
#D299B6
#C8A3B6
#BEADB6
#B5B6B6
#ABC0B6
#A1CAB6
#95D6B6
#D68AC1
#CA96C1
#BEA2C1
#B2AEC1
#A5BBC1
#99C7C1
#8AD6C1
Colorpallet from #C1D68A to #8AC1D6 and to #8AD6C1
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#C1D68A
#B8D396
#B8D396
#B8D495
#B8D495
#B8D594
#B8D594
#B8D693
#AFCFA2
#AFD0A1
#AFD1A0
#AFD29F
#AFD39E
#AFD59D
#AFD69C
#A7CCAE
#A7CEAC
#A7CFAB
#A7D1A9
#A7D2A8
#A7D4A6
#A7D6A4
#9EC9BB
#9ECBB9
#9ECDB7
#9ECFB4
#9ED1B2
#9ED3B0
#9ED6AD
#95C5C7
#95C8C4
#95CAC2
#95CDBF
#95D0BC
#95D3B9
#95D6B6
#8AC1D6
#8AC4D3
#8AC8CF
#8ACBCC
#8ACEC9
#8AD2C5
#8AD6C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
