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 #CDC597 to #CD97C5 and to #C5CD97
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDBE9E
#CDBF9D
#CDC19C
#CDC29B
#CCC39A
#CCC498
#CCC697
#CDB6A6
#CDB9A4
#CCBCA1
#CCBF9F
#CBC29C
#CBC49A
#CAC897
#CDAFAD
#CCB3A9
#CCB7A6
#CBBBA2
#CAC09F
#CAC49B
#C9C997
#CDA8B4
#CCADAF
#CBB3AB
#CBB8A6
#CABEA1
#C9C39D
#C8CA97
#CDA0BC
#CCA7B6
#CBAEB0
#CAB5AA
#C9BCA4
#C8C29E
#C7CB97
#CD97C5
#CCA0BE
#CAA8B6
#C9B1AF
#C8BAA8
#C7C2A0
#C5CD97
Colorpallet from #CDC597 to #CD97C5 and to #C597CD
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDBE9E
#CDBE9E
#CDBE9F
#CDBE9F
#CCBE9F
#CCBEA0
#CCBEA0
#CDB6A6
#CDB6A6
#CCB6A7
#CCB6A7
#CBB6A7
#CBB6A8
#CAB6A8
#CDAFAD
#CCAFAE
#CCAFAE
#CBAFAF
#CAAFB0
#CAAFB0
#C9AFB1
#CDA8B4
#CCA8B5
#CBA8B6
#CBA8B7
#CAA8B8
#C9A8B9
#C8A8BA
#CDA0BC
#CCA0BD
#CBA0BE
#CAA0BF
#C9A0C0
#C8A0C1
#C7A0C2
#CD97C5
#CC97C6
#CA97C8
#C997C9
#C897CA
#C797CB
#C597CD
Colorpallet from #CDC597 to #CD97C5 and to #97CDC5
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDBE9E
#CCBF9E
#CAC19E
#C9C29E
#C7C39E
#C6C49E
#C4C69E
#CDB6A6
#CAB9A6
#C8BCA6
#C5BFA6
#C2C2A6
#BFC4A6
#BCC8A6
#CDAFAD
#C9B3AD
#C5B7AD
#C1BBAD
#BCC0AD
#B8C4AD
#B3C9AD
#CDA8B4
#C7ADB4
#C2B3B4
#BCB8B4
#B7BEB4
#B1C3B4
#AACAB4
#CDA0BC
#C6A7BC
#BFAEBC
#B8B5BC
#B1BCBC
#ABC2BC
#A2CBBC
#CD97C5
#C4A0C5
#BCA8C5
#B3B1C5
#AABAC5
#A2C2C5
#97CDC5
Colorpallet from #CDC597 to #CD97C5 and to #97C5CD
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDBE9E
#CCBF9E
#CAC09F
#C9C19F
#C7C29F
#C6C4A0
#C4C5A0
#CDB6A6
#CAB8A6
#C8BBA7
#C5BDA7
#C2C0A7
#BFC2A8
#BCC5A8
#CDAFAD
#C9B3AE
#C5B6AE
#C1BAAF
#BCBDB0
#B8C1B0
#B3C5B1
#CDA8B4
#C7ADB5
#C2B1B6
#BCB6B7
#B7BBB8
#B1BFB9
#AAC5BA
#CDA0BC
#C6A6BD
#BFACBE
#B8B2BF
#B1B8C0
#ABBEC1
#A2C5C2
#CD97C5
#C49EC6
#BCA6C8
#B3ADC9
#AAB4CA
#A2BCCB
#97C5CD
Colorpallet from #CDC597 to #C5CD97 and to #C597CD
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CCC697
#CCC598
#CCC39A
#CCC29B
#CCC19D
#CCC09E
#CCBEA0
#CAC897
#CAC59A
#CAC29C
#CABF9F
#CABCA2
#CABAA5
#CAB6A8
#C9C997
#C9C59B
#C9C19F
#C9BDA3
#C9B8A8
#C9B4AC
#C9AFB1
#C8CA97
#C8C59D
#C8BFA2
#C8BAA8
#C8B4AD
#C8AFB3
#C8A8BA
#C7CB97
#C7C49E
#C7BDA5
#C7B6AC
#C7AFB3
#C7A9B9
#C7A0C2
#C5CD97
#C5C4A0
#C5BCA8
#C5B3B1
#C5AABA
#C5A2C2
#C597CD
Colorpallet from #CDC597 to #C5CD97 and to #97CDC5
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CCC697
#CBC698
#C9C699
#C8C69A
#C7C69B
#C6C69D
#C4C69E
#CAC897
#C8C899
#C6C89C
#C3C89E
#C1C8A1
#BFC8A3
#BCC8A6
#C9C997
#C5C99B
#C2C99E
#BEC9A2
#BBC9A5
#B7C9A9
#B3C9AD
#C8CA97
#C3CA9C
#BECAA0
#BACAA5
#B5CAAA
#B0CAAE
#AACAB4
#C7CB97
#C1CB9D
#BBCBA3
#B5CBA9
#AFCBAF
#A9CBB5
#A2CBBC
#C5CD97
#BECD9E
#B6CDA6
#AFCDAD
#A8CDB4
#A0CDBC
#97CDC5
Colorpallet from #CDC597 to #C5CD97 and to #97C5CD
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CCC697
#CBC698
#C9C69A
#C8C69B
#C7C59D
#C6C59E
#C4C5A0
#CAC897
#C8C89A
#C6C79C
#C3C79F
#C1C6A2
#BFC6A5
#BCC5A8
#C9C997
#C5C89B
#C2C89F
#BEC7A3
#BBC6A8
#B7C6AC
#B3C5B1
#C8CA97
#C3C99D
#BEC8A2
#BAC8A8
#B5C7AD
#B0C6B3
#AAC5BA
#C7CB97
#C1CA9E
#BBC9A5
#B5C8AC
#AFC7B3
#A9C6B9
#A2C5C2
#C5CD97
#BECCA0
#B6CAA8
#AFC9B1
#A8C8BA
#A0C7C2
#97C5CD
Colorpallet from #CDC597 to #C597CD and to #97CDC5
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CCBEA0
#CBBFA0
#C9C19F
#C8C29F
#C7C39F
#C6C49E
#C4C69E
#CAB6A8
#C8B9A8
#C6BCA7
#C3BFA7
#C1C2A7
#BFC4A6
#BCC8A6
#C9AFB1
#C5B3B0
#C2B7B0
#BEBBAF
#BBC0AE
#B7C4AE
#B3C9AD
#C8A8BA
#C3ADB9
#BEB3B8
#BAB8B7
#B5BEB6
#B0C3B5
#AACAB4
#C7A0C2
#C1A7C1
#BBAEC0
#B5B5BF
#AFBCBE
#A9C2BD
#A2CBBC
#C597CD
#BEA0CC
#B6A8CA
#AFB1C9
#A8BAC8
#A0C2C7
#97CDC5
Colorpallet from #CDC597 to #C597CD and to #97C5CD
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CCBEA0
#CBBFA0
#C9C0A0
#C8C1A0
#C7C2A0
#C6C4A0
#C4C5A0
#CAB6A8
#C8B8A8
#C6BBA8
#C3BDA8
#C1C0A8
#BFC2A8
#BCC5A8
#C9AFB1
#C5B3B1
#C2B6B1
#BEBAB1
#BBBDB1
#B7C1B1
#B3C5B1
#C8A8BA
#C3ADBA
#BEB1BA
#BAB6BA
#B5BBBA
#B0BFBA
#AAC5BA
#C7A0C2
#C1A6C2
#BBACC2
#B5B2C2
#AFB8C2
#A9BEC2
#A2C5C2
#C597CD
#BE9ECD
#B6A6CD
#AFADCD
#A8B4CD
#A0BCCD
#97C5CD
Colorpallet from #CDC597 to #97CDC5 and to #97C5CD
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#CDC597
#C4C69E
#C4C69E
#C4C69F
#C4C69F
#C4C59F
#C4C5A0
#C4C5A0
#BCC8A6
#BCC8A6
#BCC7A7
#BCC7A7
#BCC6A7
#BCC6A8
#BCC5A8
#B3C9AD
#B3C8AE
#B3C8AE
#B3C7AF
#B3C6B0
#B3C6B0
#B3C5B1
#AACAB4
#AAC9B5
#AAC8B6
#AAC8B7
#AAC7B8
#AAC6B9
#AAC5BA
#A2CBBC
#A2CABD
#A2C9BE
#A2C8BF
#A2C7C0
#A2C6C1
#A2C5C2
#97CDC5
#97CCC6
#97CAC8
#97C9C9
#97C8CA
#97C7CB
#97C5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
