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 #CC8BAF to #CCAF8B and to #8BCCAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC91A9
#CA92AA
#C992AB
#C793AC
#C694AD
#C494AE
#C295AF
#CC97A3
#C998A5
#C59AA7
#C29BA9
#BF9DAB
#BB9EAD
#B7A0AF
#CC9C9E
#C79EA1
#C2A0A3
#BDA3A6
#B8A5A9
#B3A7AC
#ADAAAF
#CCA298
#C5A59C
#BFA89F
#B8ABA3
#B1AEA7
#AAB1AA
#A2B5AF
#CCA892
#C4AC97
#BBAF9B
#B3B3A0
#ABB7A5
#A2BAA9
#98BFAF
#CCAF8B
#C2B491
#B7B897
#ADBD9C
#A2C2A2
#98C6A8
#8BCCAF
Colorpallet from #CC8BAF to #CCAF8B and to #8BAFCC
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC91A9
#CA91AB
#C991AD
#C791AE
#C691B0
#C491B2
#C291B4
#CC97A3
#C997A6
#C597AA
#C297AD
#BF97B0
#BB97B4
#B797B8
#CC9C9E
#C79CA3
#C29CA8
#BD9CAD
#B89CB2
#B39CB7
#AD9CBD
#CCA298
#C5A29F
#BFA2A5
#B8A2AC
#B1A2B3
#AAA2BA
#A2A2C2
#CCA892
#C4A89A
#BBA8A3
#B3A8AB
#ABA8B3
#A2A8BC
#98A8C6
#CCAF8B
#C2AF95
#B7AFA0
#ADAFAA
#A2AFB5
#98AFBF
#8BAFCC
Colorpallet from #CC8BAF to #CCAF8B and to #AFCC8B
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC91A9
#CB92A9
#CA92A9
#CA93A9
#C994A9
#C894A9
#C795A9
#CC97A3
#CB98A3
#C99AA3
#C89BA3
#C69DA3
#C59EA3
#C3A0A3
#CC9C9E
#CA9E9E
#C8A09E
#C5A39E
#C3A59E
#C1A79E
#BEAA9E
#CCA298
#C9A598
#C6A898
#C3AB98
#C0AE98
#BDB198
#B9B598
#CCA892
#C8AC92
#C5AF92
#C1B392
#BDB792
#BABA92
#B5BF92
#CCAF8B
#C7B48B
#C3B88B
#BEBD8B
#B9C28B
#B5C68B
#AFCC8B
Colorpallet from #CC8BAF to #CCAF8B and to #AF8BCC
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC91A9
#CB90AB
#CA8FAD
#CA8EAE
#C98DB0
#C88CB2
#C78BB4
#CC97A3
#CB95A6
#C993AA
#C891AD
#C68FB0
#C58DB4
#C38BB8
#CC9C9E
#CA99A3
#C897A8
#C594AD
#C391B2
#C18EB7
#BE8BBD
#CCA298
#C99E9F
#C69BA5
#C397AC
#C093B3
#BD90BA
#B98BC2
#CCA892
#C8A39A
#C59FA3
#C19AAB
#BD95B3
#BA91BC
#B58BC6
#CCAF8B
#C7A995
#C3A3A0
#BE9EAA
#B998B5
#B592BF
#AF8BCC
Colorpallet from #CC8BAF to #8BCCAF and to #8BAFCC
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#C295AF
#C294B0
#C294B1
#C293B1
#C292B2
#C292B3
#C291B4
#B7A0AF
#B79FB0
#B79DB2
#B79CB3
#B79AB5
#B799B6
#B797B8
#ADAAAF
#ADA8B1
#ADA6B3
#ADA3B6
#ADA1B8
#AD9FBA
#AD9CBD
#A2B5AF
#A2B2B2
#A2AFB5
#A2ACB8
#A2A9BB
#A2A6BE
#A2A2C2
#98BFAF
#98BBB3
#98B8B6
#98B4BA
#98B0BE
#98ADC1
#98A8C6
#8BCCAF
#8BC7B4
#8BC3B8
#8BBEBD
#8BB9C2
#8BB5C6
#8BAFCC
Colorpallet from #CC8BAF to #8BCCAF and to #AFCC8B
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#C295AF
#C395AE
#C495AD
#C495AC
#C595AB
#C695AA
#C795A9
#B7A0AF
#B9A0AD
#BBA0AB
#BDA0A9
#BFA0A7
#C1A0A5
#C3A0A3
#ADAAAF
#B0AAAC
#B2AAAA
#B5AAA7
#B8AAA4
#BBAAA1
#BEAA9E
#A2B5AF
#A6B5AB
#A9B5A8
#ADB5A4
#B1B5A0
#B4B59D
#B9B598
#98BFAF
#9DBFAA
#A1BFA6
#A6BFA1
#ABBF9C
#AFBF98
#B5BF92
#8BCCAF
#91CCA9
#97CCA3
#9CCC9E
#A2CC98
#A8CC92
#AFCC8B
Colorpallet from #CC8BAF to #8BCCAF and to #AF8BCC
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#C295AF
#C393B0
#C492B1
#C490B1
#C58FB2
#C68DB3
#C78BB4
#B7A0AF
#B99DB0
#BB99B2
#BD96B3
#BF93B5
#C18FB6
#C38BB8
#ADAAAF
#B0A5B1
#B2A0B3
#B59BB6
#B896B8
#BB91BA
#BE8BBD
#A2B5AF
#A6AEB2
#A9A8B5
#ADA1B8
#B19ABB
#B493BE
#B98BC2
#98BFAF
#9DB7B3
#A1AEB6
#A6A6BA
#AB9EBE
#AF95C1
#B58BC6
#8BCCAF
#91C2B4
#97B7B8
#9CADBD
#A2A2C2
#A898C6
#AF8BCC
Colorpallet from #CC8BAF to #8BAFCC and to #AFCC8B
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#C291B4
#C392B2
#C492B0
#C493AF
#C594AD
#C694AB
#C795A9
#B797B8
#B998B5
#BB9AB1
#BD9BAE
#BF9DAB
#C19EA7
#C3A0A3
#AD9CBD
#B09EB8
#B2A0B3
#B5A3AE
#B8A5A9
#BBA7A4
#BEAA9E
#A2A2C2
#A6A5BB
#A9A8B5
#ADABAE
#B1AEA7
#B4B1A0
#B9B598
#98A8C6
#9DACBE
#A1AFB5
#A6B3AD
#ABB7A5
#AFBA9C
#B5BF92
#8BAFCC
#91B4C2
#97B8B7
#9CBDAD
#A2C2A2
#A8C698
#AFCC8B
Colorpallet from #CC8BAF to #8BAFCC and to #AF8BCC
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#C291B4
#C390B4
#C48FB4
#C48EB4
#C58DB4
#C68CB4
#C78BB4
#B797B8
#B995B8
#BB93B8
#BD91B8
#BF8FB8
#C18DB8
#C38BB8
#AD9CBD
#B099BD
#B297BD
#B594BD
#B891BD
#BB8EBD
#BE8BBD
#A2A2C2
#A69EC2
#A99BC2
#AD97C2
#B193C2
#B490C2
#B98BC2
#98A8C6
#9DA3C6
#A19FC6
#A69AC6
#AB95C6
#AF91C6
#B58BC6
#8BAFCC
#91A9CC
#97A3CC
#9C9ECC
#A298CC
#A892CC
#AF8BCC
Colorpallet from #CC8BAF to #AFCC8B and to #AF8BCC
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#CC8BAF
#C795A9
#C793AB
#C792AD
#C790AE
#C78FB0
#C78DB2
#C78BB4
#C3A0A3
#C39DA6
#C399AA
#C396AD
#C393B0
#C38FB4
#C38BB8
#BEAA9E
#BEA5A3
#BEA0A8
#BE9BAD
#BE96B2
#BE91B7
#BE8BBD
#B9B598
#B9AE9F
#B9A8A5
#B9A1AC
#B99AB3
#B993BA
#B98BC2
#B5BF92
#B5B79A
#B5AEA3
#B5A6AB
#B59EB3
#B595BC
#B58BC6
#AFCC8B
#AFC295
#AFB7A0
#AFADAA
#AFA2B5
#AF98BF
#AF8BCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
